H5開發螢幕適配

2021-08-22 19:13:07 字數 382 閱讀 9182

width:設定layout viewport寬度,為乙個正整數,或者device-width.

height:設定layout viewport高度,為乙個正整數,或者device-height()

initital-scale:設定頁面的初始縮放值,為乙個數字,可以帶小數

maximum-scale:允許使用者的最大縮放值,為乙個數字,可以帶小數

minimum-scale:允許使用者的最小縮放值,為乙個數字,可以帶小數

user-scalable:是否允許使用者進行縮放,值為「no」或「yes」,no代表不允許,yes代表允許

H5 分層螢幕適配

設計大大,這次真的是 按設計稿來 了,因為現在,任何機子都是設計稿標準機!開發同學,這下你就直接讀設計稿標註就好了啦!螢幕適配應當指內容適配區和螢幕區間的適配關係。單屏適配有contain cover或fill,多屏常見是依寬。contain和cover還需要定位來處理留白和超出的內容。而同乙個 h...

h5適配手機

1 使用meta標籤,這也是普遍使用的方法,理論上講使用這個標籤是可以適應所有尺寸的螢幕的,但是各裝置對該標籤的解釋方式及支援程度不同造成了不能相容所有瀏覽器或系統。首先解釋該標籤的含義 解釋 content中的 width 這個width指的是什麼寬度,我看過的文章對這個都沒有解釋的很清楚,有幾個...

手機端H5開發,螢幕不同尺寸適配方法(螢幕自適應)

最近在接觸手機端h5開發,然後設計師將設計圖發給我們進行開發,對於第一次接觸詳細設計圖開發的我來說,覺得很新穎畢竟一直沒有接觸這麼正規的設計圖 字型樣式,顏色,大小等等 之後再開發的時候,就遇到了乙個難處。因為設計圖是按照px設計,所以以同等大小設計的樣式會影響整個頁面樣式。與此同時發現手機端需要r...