CSS:Hack,響應式布局及自適應布局,px和em及rem的區別


1.Hack

Hack是由於現有的瀏覽器解析不同,為了兼容各瀏覽器,采用的一種補救的方法。並且只針對太古老的瀏覽器,不推薦使用。

Hack的實現方法有三種:

(1)css類內部的Hack

(2)css選擇器的Hack

(3)css頭部的Hack

hack原理是通過不同的瀏覽器自身所帶有的特別標識符以及css中優先級的機制來實現不同瀏覽器里css樣式兼容性的問題。

2.響應式布局和自適應布局

(1)自適應布局:

通過檢測視口分辨率,來判斷當前訪問的設備,從而請求服務層,返回不同的頁面。需要開發多套界面,自適應對頁面做的屏幕適配是在一定范圍:比如pc端一般要大於1024像素,手機端要小於768像素。自適應布局如果屏幕太小會發生內容過於擁擠。

(2)響應式布局

響應式布局只需要開發一套界面,響應式布局是一套頁面全部適應。響應式布局通過檢測視口分辨率,針對不同客戶端在客戶端做代碼處理,來展現不同的布局和內容。響應式布局不會因為屏幕太小發生內容過於擁擠的情況,它可以自動識別屏幕寬度並做出相應調整的網頁設計。

(3)總結:響應式布局要比自適應布局要好一點,但是自適應布局更加貼切實際,因為你只需要考慮幾種狀態就可以了而不是像響應式布局需要考慮非常多狀態。所以的說無論哪種設計都有它們各自的特點,我們要根據項目的需求來選擇適合的布局方式。

3.px,em,rem的區別

px:即像素,頁面按精確像素展示,px是絕對單位,而em和rem不是。

em:默認情況下1em=16px,em有繼承性,少用於開發,一般用於測試文字。

rem:默認情況下1rem=16px,rem沒有繼承性,但是會受根元素的影響,常用於移動端開發。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM