主要問題是,如果用戶在縮放框外單擊,縮放將被鎖定,他們將無法放大或縮小。
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
視口是網頁的用戶可見區域。 它因設備而異,在手機上會比在電腦屏幕上小。
width=device-width 部分設置視口的寬度以跟隨設備的寬度(這將因設備而異)。
initial-scale=1.0 部分設置瀏覽器首次加載頁面時的初始縮放級別。
maximum-scale=1.0 部分設置允許用戶在頁面上放大多少。 值 1.0 表示不允許縮放。
user-scalable=no 部分禁用某些設備上可能默認可用的任何縮放(例如雙擊以放大)。
如何在移動網頁上禁用縮放
要在 HTML 中的移動網頁上禁用縮放,請使用以下代碼:
這將使頁面適合正在查看的設備的寬度。
縮小
要在 HTML 中縮小,請使用 zoom 屬性。 例如:
縮放:1;
關閉 HTML 縮放
HTML 縮放是 HTML 的一項功能,它允許 Web 瀏覽器放大或縮小文本和圖像的大小,以使其在較小或較大的屏幕上更具可讀性。 通過將 html-scaling 屬性設置為“none”,可以在大多數瀏覽器中關閉此功能。