編碼的世界 / 優質文選 / 生涯

移動端禁止屏幕縮放 - css


2022年7月11日
-   

將 web 頁面嵌入移動端後,默認可以將頁面放大拉伸的效果,可以通過設置如下屬性將其禁用,具體操作如下:
首先,找到程序的入口頁面
其次,在 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=0">

html 禁止選中複制文字文本 - css
以上便是此次內容的小結,希望對大家有所幫助。

熱門文章