問題描述

進(jìn)行移動端前端頁面開發(fā)的時候有時候需要禁止用戶縮放頁面

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

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

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

問題解答

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

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中網(wǎng)站的輔助功能，即使網(wǎng)站在視口中設(shè)置了user-scalable = no，用戶也可以手動縮放。

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

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

試下加上最大最小縮放都設(shè)置為1

都是用微信或者UC瀏覽器測試，還真沒發(fā)現(xiàn)safari會這樣

蘋果也這么想不開