-
1rem = 17px = (html的font-size)
查看全部 -
1rem 等于瀏覽器上默認的font-size px?
查看全部 -
rem原理
查看全部 -
media
查看全部 -
常見適配方法
查看全部 -
11111111查看全部 -
rem原理與簡介
字體單位：值根據HTML根元素大小而定，同樣可以作為寬度，高度等單位。
適配原理：將px替換成rem，動態修改html的font-size適配。
兼容性：IOS6以上和Android2.1以上，基本覆蓋所有流行的手機系統。
查看全部 -
我完整的實現了一遍，如需要源碼，可以下載 https://github.com/jiechud/notes/tree/master/html/Demo/rem 如果幫助，歡迎 star
查看全部 -
@function px3rem($px){
????$rem : 37.5px;
????@return ($px? /? $rem) +rem; ?
}
var htmlWidth = document.documentElement.clientWidth || document.body.clientWidth;
var htmlDom = docuement.getElementsByTagName("html")[0];
htmlDom.style.fontSize = htmlWidth / 10 +"px";
查看全部 -
rem適配頁面
與css結合使用
查看全部 -
開發和適配
查看全部 -
一、rem：font size of the root element
查看全部 -
一、media query(媒體查詢)
1、@media 媒體類型 and (媒體特性) {/*css樣式*/}
2、媒體類型：screen, print...
3、媒體特性：max-width, max-height...
查看全部 -
一、pc適配方法
1、960/1000px居中
2、盒子模型（CSS盒模型本質上是一個盒子，封裝周圍的HTML元素，它包括：邊距，邊框，填充，和實際內容），定高，定寬
3、display: inline-block
二、移動適配
1、定高，寬度百分比
2、flex。
3、media query(媒體查詢)
查看全部 -
一、aSuncat：較多的是rem最基礎原理，只涉及手機端h5頁面，看目錄沒有pc和手機端的混合開發，還是去百度網盤看《所向披靡的響應式開發》（慕課網上也叫《響應式開發一招致勝》）的好。
二、對于手機而言，兼容所有html5新特性，所以html5寫的手機端頁面也叫h5頁面。
三、webview：移動終端技術的一個開發組件，可以簡單理解為一個瀏覽器。
查看全部
舉報