摘要：一这是页面显示二这是本地配置的页面显示三经过多方资料查询，有三种解释不符合标准解析不同导致。不同版本的浏览器或者同一浏览器的解析方式不同。从而导致页面渲染不同。以免导致后来的重新渲染问题。
一、这是localhost页面显示：
二、这是本地IP配置的页面显示
三、经过多方资料查询，有三种解释：
1、css不符合W3C标准,RFC解析不同导致。
2、浏览器的兼容性问题。不同版本的浏览器或者同一浏览器的解析方式不同。
3、防火墙设置问题。
四、最终解释：
经过亲自验证，我更倾向于浏览器问题。
浏览器有个功能是记住缩放配置，就是说如果你之前有意或者无意缩放过浏览器的页面百分比，比如80%，它会记住这一ip下的系统百分比显示。当你将本地localhost切换为本地ip或者测试环境IP或者生辰环境IP，或其他的不同于localhost的ip时，就会自动默认100%百分比缩放。这样，之前localhost配置的css渲染是在80%的百分比之下渲染的，导致页面的div大小和现在的ip下的100%div宽度width会差很多。从而导致页面渲染不同。
五、良言：
切记：在开发时，首先要确定页面的缩放百分比，也不要随意改变缩放，要严格按照浏览器的默认100%缩放比进行开发。以免导致后来的重新渲染问题。
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/113840.html
摘要：比如对于的，浏览器实际上不知道到底是什么东西，需要查找网站所在服务器的地址，才能找到目标，这就是下文要说的域名解析。二域名解析当用户在浏览器中输入后你使用的电脑会发出一个请求到本地服务器。 showImg(https://segmentfault.com/img/remote/1460000009317499?w=700&h=466); 这里markdown格式跟简书不太一样，排版可能...
摘要：前言见解有限，如有描述不当之处，请帮忙指出，如有错误，会及时修正。为什么要梳理这篇文章最近恰好被问到这方面的问题，尝试整理后发现，这道题的覆盖面可以非常广，很适合作为一道承载知识体系的题目。 前言 见解有限，如有描述不当之处，请帮忙指出，如有错误，会及时修正。 为什么要梳理这篇文章？ 最近恰好被问到这方面的问题，尝试整理后发现，这道题的覆盖面可以非常广，很适合作为一道承载知识体系的题目...
摘要：服务器处理请求返回报文响应报文由相响应行响应头响应主体三个部分组成，如下图响应行包含协议版本状态码状态码描述协议版本状态码请求成功以创建，成功请求并创建了新的资源非授权信息。 输入一个url发生了什么 DNS解析 TCP连接 发送http请求 服务器处理请求 浏览器解析渲染页面 连接结束 DNS解析 什么是DNS? DNS是一种组织成域层次结构的计算机和网络服务命名系统，他用于TC...
摘要：五浏览器绘制网页绘制过程主要是结构与样式的结合，以及行为动态效果的展现。之后会写系列文章，欢迎围观主要参考文章基础进阶详解与编码前端面试题从到页面展现，这之中发生了什么图解 流程概述： 地址栏输入URL ——> 域名解析 ——> 服务器处理请求 ——> 浏览器处理响应 ——> 浏览器绘制网页 一.地址栏输入URL 认识URL showImg(https://segmentfault....
摘要：在上述过程再细化为浏览器搜索自己的缓存。至此，浏览器已经得到了域名对应的地址。具体过程如下在中这一过程如下首先是字节流，经过解码之后是字符流，然后通过词法分析器会被解释成词语，之后经过语法分析器构建成节点，最后这些节点被组建成一棵树。 面试的时候，我们经常会被问从在浏览器地址栏中输入 url 到页面展现的短短几秒内浏览器究竟做了什么？那么浏览器到底做了啥？ 浏览器的多进程架构一个好的程...
阅读 2013·2021-09-22 15:54
阅读 1814·2021-09-04 16:40
阅读 835·2019-08-30 15:56
阅读 2604·2019-08-30 15:44
阅读 2109·2019-08-30 13:52
阅读 1098·2019-08-29 16:35
阅读 3318·2019-08-29 16:31
阅读 2539·2019-08-29 13:48
