css怎麼實現禁止縮放

css實作禁止縮放的方法：先開啟對應的前端程式碼檔案；然後在meta標籤中加入「maximum-scale=1.0, user-scalable=0」兩個屬性即可禁止頁面縮放。

本文操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。

css如何設定不允許頁面縮放？

css如何設定不允許頁面縮放？禁止頁面縮放？

實際上，在meta 標籤中加入以下兩個屬性即可：

maximum-scale=1.0, user-scalable=0

其中，maximun-scale：允許使用者的最大縮放值；user-scalable：是否允許使用者進行縮放，預設屬性為允許yes 或1，而不允許則需設定為no 或0；

最後，實際設定如下：

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

在這個裡面主要有這幾個屬性：

width - viewport的寬度

height - viewport的高度

initial-scale - 初始的縮放比例

minimum-scale - 允許使用者縮放到的最小比例

maximum-scale - 允許使用者縮放到的最大比例

#user-scalable - 使用者是否可以手動縮放

【推薦學習：css影片教學】

以上是css怎麼實現禁止縮放的詳細內容。更多資訊請關注PHP中文網其他相關文章！