允許網頁寬度自動調整

首先，在網頁代碼的頭部，加入一行viewport元標簽

viewport是網頁默認的寬度和高度

<metaname="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"/>

阻止用戶對網頁進行縮放操作(蘋果正常，安卓無效)

<metaname="viewport" content="width=device-width,initial-scale=1" />

上面這行代碼的意思是，網頁寬度默認等于屏幕寬度（width=device-width），原始縮放比例（initial-scale=1）為1.0，即網頁初始大小占屏幕面積的100%。

總結

以上是生活随笔為你收集整理的viewport属性允许网页宽度自动调整的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。