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

一、这是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%缩放比进行开发。以免导致后来的重新渲染问题。