如何解決移動端解析度的相容性問題。

2021-10-02 21:32:28 字數 439 閱讀 8629

工作量大，維護不易，好處是一處原始碼可適應多個終端

(設定螢幕密度為高頻，中頻，低頻自動縮放，禁止使用者手動調整縮放)

"viewport" content="width=device-width,target-


densitydpi=high-dpi,initial-scale=


1.0, minimum-scale=


1.0, maximum-


scale=


1.0, user-scalable=no"/


>
rem是通過根元素進行適配的，網頁中的根元素指的是html我們通過設定html的字型大小就可以控制rem的大小。設定元素高度、寬度、字型大小等屬性的單位為rem,在不同螢幕解析度下只設定html的字型大小就可以控制其它元素來達到相容性的效果。可以通過響應式或js來動態設定html字型 大小。

頁面解析度相容性處理

目前自己了解兩種辦法 function bodyscale bodyscale 如果想要不留空白，可以讓背景寬高都為100 鋪滿整個螢幕，然後讓中間的部分垂直居中對齊。寬高比例1.7777 1920x1080 1600x900 1360x768這個大概 1280x720 css3新增的元素，使用re...

對於iPhone5解析度相容性調整問題

iphone5的新解析度著實啃爹了一把，剛下完xcode4.5想玩玩iphone5的長螢幕效果，順便研究下怎麼去相容它。繼續，開始修復黑邊 這一步只要在config裡多加一張4inch的launch就能搞定 這樣如下圖，讓layout上對齊，並且actionsheet顯示正常 最後用巨集替換掉寫死的...

iOS 對於iPhone5解析度相容性調整問題

iphone5的新解析度著實啃爹了一把，剛下完xcode4.5想玩玩iphone5的長螢幕效果，順便研究下怎麼去相容它。繼續，開始修復黑邊 這一步只要在config裡多加一張4inch的launch就能搞定 這樣如下圖，讓layout上對齊，並且actionsheet顯示正常 最後用巨集替換掉寫死的...