css3之移動端rem響應式布局開發

2021-10-02 05:46:52 字數 857 閱讀 2684

rem: root element of fontsize。

從而 我們是用根元素 html的font-size作為參照,所以頁面會出現等比例的放大縮小。

// 隨螢幕放大而放大,隨螢幕縮小而縮小

function

refreshrem()

refreshrem()

; window.

addeventlistener

('resize'

,refreshrem)

;script

>

body

>

html

>

以上內容來自mooc慕課

css3響應式之引入

1.裝置 通過給style標籤設定media屬性來選擇要呈現的裝置。media screen 就是在螢幕中顯示的樣式 media print 就是在印表機中顯示的樣式,可以通過ctrl r來調出印表機介面 以前還有什麼電視之類的,後來被廢除了,因為幾乎沒啥用。2.link中也可以使用media,規則...

移動端 響應式中rem的坑

1 移動端做響應式布局用rem是目前移動端開發比較流行的一種適配方式,但是這種方式在一些方面卻存在著一些缺陷。寬度方面來看 目前主流的寬度 360px,375px,414px等,外加乙個小尺寸的320px。從內容來看,我們的內容一般為文字或。於是我們得出第乙個結論 既然文字不需要適應各種視窗大小變化...

css3響應式設計

說明 手機瀏覽器是把頁面放在乙個虛擬的 視窗 viewport 中 width 設定layout viewport 的寬度,為乙個正整數,或字串 width device initial scale 設定頁面的初始縮放值,為乙個數字,可以帶小數 minimum scale 允許使用者的最小縮放值,為...