html - [front-end]iOS 10下 viewport中user-scalable=no 無(wú)效,無(wú)法禁止用戶縮放頁(yè)面
問(wèn)題描述
進(jìn)行移動(dòng)端前端頁(yè)面開(kāi)發(fā)的時(shí)候有時(shí)候需要禁止用戶縮放頁(yè)面
一般使用meta聲明如下即可:
<meta name='viewport' content='width=device-width, initial-scale=1, user-scalable=no' />
ios10下失效了,請(qǐng)問(wèn)有解決辦法嗎?
問(wèn)題解答
回答1:這是IOS10的一個(gè)新特性。無(wú)解的。以下是蘋(píng)果官網(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.
翻譯過(guò)來(lái)就是
為了提高Safari中網(wǎng)站的輔助功能,即使網(wǎng)站在視口中設(shè)置了user-scalable = no,用戶也可以手動(dòng)縮放。
回答2:user-scalable=no 主要是防止雙擊放大
回答3:遇到了同樣的問(wèn)題 請(qǐng)問(wèn)找到解決方案了沒(méi)啊
回答4:試下加上最大最小縮放都設(shè)置為1
回答5:都是用微信或者UC瀏覽器測(cè)試,還真沒(méi)發(fā)現(xiàn)safari會(huì)這樣
回答6:蘋(píng)果也這么想不開(kāi)

網(wǎng)公網(wǎng)安備