1. 程式人生 > >網頁手機橫屏豎屏下字型和圖示大小不一樣

網頁手機橫屏豎屏下字型和圖示大小不一樣

head裡增加一行
<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0" name="viewport" />

width 設定layout viewport  的寬度,為一個正整數,或字串"width-device"
initial-scale 設定頁面的初始縮放值,為一個數字,可以帶小數
minimum-scale 允許使用者的最小縮放值,為一個數字,可以帶小數
maximum-scale 允許使用者的最大縮放值,為一個數字,可以帶小數
height 設定layout viewport  的高度,這個屬性對我們並不重要,很少使用
user-scalable 是否允許使用者進行縮放,值為"no"或"yes", no 代表不允許,yes代表允許