localhost、本地IP下页面渲染不一样 原理解析

1、这是localhost页面显示：

2、这是本地IP配置的页面显示

3、通过多方资料查询，有三种解释：

一、css不符合W3C标准,RFC解析不一样致使。
二、浏览器的兼容性问题。不一样版本的浏览器或者同一浏览器的解析方式不一样。
三、防火墙设置问题。

4、最终解释：

通过亲自验证，我更倾向于浏览器问题。
浏览器有个功能是记住缩放配置，就是说若是你以前有意或者无心缩放过浏览器的页面百分比，好比80%，它会记住这一ip下的系统百分比显示。当你将本地localhost切换为本地ip或者测试环境IP或者生辰环境IP，或其余的不一样于localhost的ip时，就会自动默认100%百分比缩放。这样，以前localhost配置的css渲染是在80%的百分比之下渲染的，致使页面的div大小和如今的ip下的100%div宽度width会差不少。从而致使页面渲染不一样。

5、良言：

切记：在开发时，首先要肯定页面的缩放百分比，也不要随意改变缩放，要严格按照浏览器的默认100%缩放比进行开发。以避免致使后来的从新渲染问题。