2012-07-27 86 views

回答

117

編輯:正因爲如此不斷得到評論,大家都知道,我們不應該這樣做。問題是如何做,而不是應該我這樣做。

將此添加到您的移動設備上。然後做你的寬度百分比,你會被罰款:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> 

中添加這對於不能太視使用的設備:

<meta name="HandheldFriendly" content="true" /> 
+10

我補充說。但我仍然可以捏和放大。 –

+0

謝謝我有一個默認的端口值。所以它正在被淹沒 –

+0

啊好的。我打算說我的手機沒問題。 – SpaceBeers

9

要大家誰說,這是一個壞主意,我想說它並不總是一個壞的。有時需要縮小才能看到所有內容,這是非常無聊的。例如,當您在iOS上輸入內容時,它會將其放大到屏幕的中心。因爲關閉鍵盤不能完成工作,所以必須縮小。此外,我同意,當您將很多I小時製作成出色的佈局和用戶體驗時,您不希望它們被縮放混淆。

但另一個觀點對於有視力問題的人也很有價值。但是,在我看來,如果你的眼睛有問題,你已經在使用系統的縮放功能,所以不需要打亂內容。

+2

您應該將其作爲評論。 – Awesomeness01

+2

對不起,我當時的水平不允許我發表評論,但只有新消息,這就是爲什麼。 –

+1

在表單元素上將字體大小設置爲16px將會阻止iOS設備上的縮放。 – hellojebus

12

這是我所需要的:

<meta name="viewport" content="user-scalable=no"/> 
2

嘗試用最小寬度屬性。讓我解釋一下。假設一個屏幕寬度爲400px的設備(例如)。放大時,字體變得越來越大。但盒子和div仍然有相同的寬度。如果你使用最小寬度,你可以避免減少你的div和box。

2

不幸的是,所提供的解決方案在Safari 10+中無法使用,因爲Apple決定忽略user-scalable=no。這個線程有更多的細節和一些JS黑客:disable viewport zooming iOS 10+ safari?