在手機上點擊input框時會放大頁面

加上  <meta name="viewport" content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=2.0, user-scalable=no, width=device-width">  就能夠了
 
 
  • content屬性值 :spa

(1)width:可視區域的寬度,值可爲數字或關鍵詞device-width;scala

(2)height:同width;it

(3)intial-scale:頁面首次被顯示是可視區域的縮放級別,取值1.0則頁面按實際尺寸顯示,無任何縮放;meta

(4)maximum-scale=1.0, minimum-scale=1.0:可視區域的縮放級別,maximum-scale用戶可將頁面放大的程序,1.0將禁止用戶放大到實際尺寸之上;程序

(5)user-scalable:是否可對頁面進行縮放,no 禁止縮放。im

相關文章
相關標籤/搜索