資訊專欄INFORMATION COLUMN
摘要：一這是頁面顯示二這是本地配置的頁面顯示三經過多方資料查詢，有三種解釋不符合標準解析不同導致。不同版本的瀏覽器或者同一瀏覽器的解析方式不同。從而導致頁面渲染不同。以免導致后來的重新渲染問題。
一、這是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%縮放比進行開發。以免導致后來的重新渲染問題。
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/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 到頁面展現的短短幾秒內瀏覽器究竟做了什么？那么瀏覽器到底做了啥？ 瀏覽器的多進程架構一個好的程...
閱讀 2066·2021-09-22 15:54
閱讀 1829·2021-09-04 16:40
閱讀 853·2019-08-30 15:56
閱讀 2623·2019-08-30 15:44
閱讀 2149·2019-08-30 13:52
閱讀 1120·2019-08-29 16:35
閱讀 3339·2019-08-29 16:31
閱讀 2562·2019-08-29 13:48
