二 Viewport meta標簽: 語法:<meta name="viewport" content="name=value, name=value"> 參數: 1. width: 設置佈局viewport的特定值(" device-width" ) ...
二 Viewport
meta標簽:
語法:<meta name="viewport" content="name=value, name=value">
參數:
1. width: 設置佈局viewport的特定值(" device-width" )
2. initial-scale: 設置頁面的初始縮放
3. minimum-scale: 最少縮放
4. maximum-scale: 最大縮放
5. user-scalable: 用戶能否縮放 ( "yes" | "no")
常用寫法:
<meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no">
註意:如果不加 user-scalable=no,只設置了initial-scale=1,在chrome瀏覽器的預設字型大小為"中"時,
是達不到縮放比例為1的效果,即initial-scale=1不起作用,加上user-scalable=no後,預設字型大小為"中"
不會起作用,chrome瀏覽器會預設字型大小"小",達到縮放效果,所以一般建議都寫上.