① asp自適應手機源碼是什麼意思
asp自適應手機源碼
就是用於手機端的asp手機網站程序的代碼文件
② 自適應源碼在手機端不好看,有什麼辦法可以單獨調整手機端呢
該方案使用相當簡單,把下面這段已壓縮過的 原生JS(僅1kb,源碼已在文章底部更新,2017/5/3) 放到 HTML 的 head 標簽中即可(注:不要手動設置viewport,該方案自動幫你設置)
代碼原理
這是阿里團隊的高清方案布局代碼,所謂高清方案就是根據設備屏幕的DPR(設備像素比,又稱DPPX,比如dpr=2時,表示1個CSS像素由4個物理像素點組成)動態設置 html 的font-size, 同時根據設備DPR調整頁面的縮放值,進而達到高清效果。
有何優勢
引用簡單,布局簡便
根據設備屏幕的DPR,自動設置最合適的高清縮放。
保證了不同設備下視覺體驗的一致性。(老方案是,屏幕越大元素越大;此方案是,屏幕越大,看的越多)
有效解決移動端真實1px問題(這里的1px 是設備屏幕上的物理像素)
如何使用
重要的事情說三遍!
絕不是每個地方都要用rem,rem只適用於固定尺寸!
絕不是每個地方都要用rem,rem只適用於固定尺寸!
絕不是每個地方都要用rem,rem只適用於固定尺寸!
在相當數量的布局情境中(比如底部導航元素平分屏幕寬,大尺寸元素),你必須使用百分比或者flex才能完美布局!
看過 《手機端頁面自適應解決方案—rem布局》的朋友,應該對rem有所了解,這里不再贅述,
此方案也是默認 1rem = 100px,所以你布局的時候,完全可以按照設計師給你的效果圖寫各種尺寸啦。
比如你在效果圖上量取的某個按鈕元素長 55px, 寬37px ,那你直接可以這樣寫樣式:
.myBtn {
width: 0.55rem;
height: 0.37rem;
}
rem布局(進階版)實踐應用
1460000007350683
1460000007350684