不同的裝置,螢幕自適應解決辦法

2022-09-11 11:18:15 字數 438 閱讀 4095

hotcss.js

hotcss不是乙個庫,也不是乙個框架,它是乙個移動端布局開發解決方案,在不同大小的螢幕和不同的裝置畫素密度下,布局大小是不變的。

應用例項:div的寬度為300px,高度為300px,那麼scss檔案中的樣式是:

.div

rem可以更好的適配移動端

body的font-size=100;div寬度為50px,用rem應該為width:0.5rem。

一般移動端的設計圖  640px/750px因為手機額dpr為2。只有蘋果的plus為3,並且寬度為414以750的設計圖為例。引用封裝好的js**,如下

即可。可以轉換計算單位 1rem=100px;

如下的計算單位(畫素)計算單位為1rem=75px;

iOS開發中鍵盤自適應的解決辦法

1.在viewdidload中新增通知 鍵盤將要顯示時候的通知 nsnotificationcenter defaultcenter addobserver self selector selector keyboardup name uikeyboardwillshownotification o...

iframe 跨域高度自適應的解決辦法

1 html 2 head 3 meta name viewport content width device width,initial scale 1.0,user scalable no,minimum scale 1.0,maximum scale 5.0 charset utf 8 4 m...

移動端自適應不同大小的螢幕

utf 8 format detection content telephone no content no viewport content user scalable no,initial scale 1,maximum scale 1,minimum scale 1,width device ...