問題描述

進行移動端前端頁面開發的時候有時候需要禁止用戶縮放頁面

一般使用meta聲明如下即可：

<meta name='viewport' content='width=device-width, initial-scale=1, user-scalable=no' />

ios10下失效了，請問有解決辦法嗎？

問題解答

這是IOS10的一個新特性。無解的。以下是蘋果官網的摘錄

To improve accessibility on websites in Safari, users can now pinch-to-zoom even when a website sets user-scalable=no in the viewport.

翻譯過來就是

為了提高Safari中網站的輔助功能，即使網站在視口中設置了user-scalable = no，用戶也可以手動縮放。

user-scalable=no 主要是防止雙擊放大

遇到了同樣的問題 請問找到解決方案了沒啊

試下加上最大最小縮放都設置為1

都是用微信或者UC瀏覽器測試，還真沒發現safari會這樣

蘋果也這么想不開