回答
編輯:正因爲如此不斷得到評論,大家都知道,我們不應該這樣做。問題是如何做,而不是應該我這樣做。
將此添加到您的移動設備上。然後做你的寬度百分比,你會被罰款:
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
中添加這對於不能太視使用的設備:
<meta name="HandheldFriendly" content="true" />
IE瀏覽器有它自己的方式:CSS屬性, -MS-內容的縮放。在身體上設置爲無或應該禁用它。
http://msdn.microsoft.com/en-us/library/ie/hh771891(v=vs.85).aspx
':root' /'html',而不是'body'。 – phk
要大家誰說,這是一個壞主意,我想說它並不總是一個壞的。有時需要縮小才能看到所有內容,這是非常無聊的。例如,當您在iOS上輸入內容時,它會將其放大到屏幕的中心。因爲關閉鍵盤不能完成工作,所以必須縮小。此外,我同意,當您將很多I小時製作成出色的佈局和用戶體驗時,您不希望它們被縮放混淆。
但另一個觀點對於有視力問題的人也很有價值。但是,在我看來,如果你的眼睛有問題,你已經在使用系統的縮放功能,所以不需要打亂內容。
您應該將其作爲評論。 – Awesomeness01
對不起,我當時的水平不允許我發表評論,但只有新消息,這就是爲什麼。 –
在表單元素上將字體大小設置爲16px將會阻止iOS設備上的縮放。 – hellojebus
這是我所需要的:
<meta name="viewport" content="user-scalable=no"/>
嘗試用最小寬度屬性。讓我解釋一下。假設一個屏幕寬度爲400px的設備(例如)。放大時,字體變得越來越大。但盒子和div仍然有相同的寬度。如果你使用最小寬度,你可以避免減少你的div和box。
不幸的是,所提供的解決方案在Safari 10+中無法使用,因爲Apple決定忽略user-scalable=no
。這個線程有更多的細節和一些JS黑客:disable viewport zooming iOS 10+ safari?
- 1. 縮放時禁用平移
- 2. 如何「禁用」移動網頁上的縮放?
- 3. 禁用縮放移動導航欄
- 4. 縮放UIImageView和移動縮放
- 5. 縮放,以200%上移動
- 6. 動畫網站縮放/縮放
- 7. 在移動設備上禁用輸入自動縮放
- 8. 禁用QGraphicsScene自動縮放
- 9. 禁用手動縮放UIScrollView
- 10. bxslider縮放移動
- 11. 禁用旋轉,平移和縮放縮放手勢
- 12. 在webview上禁用雙擊縮放/取消縮放
- 13. 使用CSS Viewport縮放移動網站
- 14. JFreeChart禁用縮放
- 15. three.js:PerspectiveCamera:禁用縮放
- 16. JMapViewer禁用縮放
- 17. gmaps4rails禁用縮放
- 18. panningEnabled:false禁用縮放
- 19. Android:ImageView禁用縮放
- 20. 禁用縮放WebView?
- 21. iPhone 4移動網絡應用像素縮放問題
- 22. 無法在Azure網絡應用上配置自動縮放
- 23. 在移動設備上縮放圖像
- 24. 在mousemove上移動縮放圖像
- 25. 禁用內置的縮放控件禁用捏縮放,
- 26. d3 - 畫筆/平移縮放 - 在上x軸禁用平移
- 27. 電話:WebBrowser禁用平移/縮放wp7?
- 28. 如何在移動網絡用戶界面上實現選擇性捏縮放?
- 29. 移動網站不縮放與視口
- 30. 在MPAndroidChart庫中禁用縮放放大
initial-scale = 1,maximum-scale = 1 – SVS
@SteveKuo爲什麼? –
由於您禁用了捏縮放,使其移動不友好 –