当前位置: 首页 > Web前端 > CSS

localhost和本地IP下页面渲染的不同原理分析

时间:2023-03-31 12:23:29 CSS

1.这是localhost的页面展示:2.这是本地IP配置的页面展示3.经过多次资料查询,有三种解释:1.css不符合W3C标准,不同RFC解析造成。2.浏览器兼容性问题。不同版本的浏览器或同一个浏览器的解析方式不同。3.防火墙设置问题。四、最后的解释:经过亲身验证,我更倾向于浏览器的问题。浏览器有一个记住缩放配置的功能,也就是说如果你之前有意无意缩放过浏览器的页面百分比,比如80%,它会记住这个ip下的系统百分比显示。当你将本地localhost切换为本地ip或测试环境IP或生日环境IP,或其他与localhost不同的ip时,会自动默认为100%百分比缩放。这样,之前localhost配置的css渲染是按80%的百分比渲染的,导致页面的div大小和当前ip下100%的div宽度相差很大。这会导致页面以不同方式呈现。五、好话:切记:开发时首先确定页面的缩放比例,不要随意改变缩放比例,严格按照浏览器默认的100%缩放比例开发。以免对以后的重新渲染造成问题。