用於android默認瀏覽器的Viewport元

Question

我想在android上的網頁上顯示一個圖像（320x480px）。 我正在嘗試配置視口元原因我希望圖像以全屏顯示。

實際上我只是簡單地配置了視口

<meta name="viewport" content="width=320px" />

並且它的工作完美，除了Android默認瀏覽器。 我嘗試過Chrome，Opera和Firefox，它們都能正確顯示圖像。

關於此帖子所有移動瀏覽器的完整網頁和禁用的縮放視口元標記，我嘗試以這種方式配置它而沒有成功：

<meta name="viewport" content="initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,width=device-width,height=device-height,target-densitydpi=device-dpi,user-scalable=yes" />

要么

<meta name="viewport" content="initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,width=320,height=device-height,target-densitydpi=device-dpi,user-scalable=yes" />

您對如何正確配置視口有任何想法嗎？

謝謝

Answer 1

<meta name="viewport" content="user-scalable=no, width=device-width">

用戶可擴展 - 控制用戶可以“捏縮放”。

width - 視口的寬度。

所有屬性都需要整數值，而不是浮點值。

換句話說，1而不是1.0。 或者你可以使用百分比。

將最小和最大縮放屬性設置為相同的值沒有意義。 此外，如果設置為1，則已知初始比例會在iOS中導致問題。

Answer 2

我試過下面的一個。 它對我來說很完美。

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

Answer 3

我喜歡：

<meta name="viewport" content="width=device-width, initial-scale=1"/>

Answer 4

<meta name="viewport" content="width=321; user-scalable=no;" />

Android只接受大於320的視口寬度，所以在321上設置它對我來說是個竅門。