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%縮放比進行開發。以避免致使後來的從新渲染問題。