在Android上的網站縮放

My website在iPhone上看起來不錯，但在Android上放大。我在標題中使用了標準設備寬度代碼（並且我已將它用於所有已完成的網站，並且它們看起來很好），但出於某種原因，這不適用於Android，並且網站似乎被主要縮放英寸在Android上的網站縮放

<meta name="viewport" content="width=device-width" />

我希望它看起來像它在iPhone上的方式。所以當它加載時，你可以看到整個寬度。

enter image description here

喜歡在這裏。

然而在Android它這樣做...

enter image description here

任何人有意見，爲什麼它放大了Android和我怎樣才能解決這個怪異的調整。

來源

2012-08-27 kia4567

嘗試將寬度設置爲您網站的實際寬度，而不是設備寬度。

例如：

<meta name="viewport" content="width=980">

此外，我建議對HTML/CSS得到一本好書，並通過自己的方式工作。

編輯：O'Reilly's 'Head First' HTML & CSS是極其容易遵循，但也會給你一個堅實的基礎。

來源

2012-08-27 17:35:52

看起來不錯。你能幫我理解爲什麼要這麼做嗎？爲什麼一直都在工作，並且突然不在本網站上？ – kia4567

每個移動操作系統都有其自己的渲染怪癖，它們可以根據您網站的寬度進行更改。例如，iOS會放大比980像素更薄的網站，但不會縮小它們。這是因爲iPhone的「設備寬度」是980.在Android操作系統中，設備寬度通常是您的實際分辨率（這是放大時重新格式化文本的原因）。將其設置爲您網站的實際寬度將其標準化到兩個平臺。 –

試試這個：

<meta name="MobileOptimized" content="320">

除了你

<meta name="viewport" content="width=device-width">

（或更改320到任何有意義的）

這裏的工作的例子，你可以檢查它的源代碼：

http://m.qrdroid.com

來源

2012-08-27 17:47:40

謝謝jorge，你和Django是對的。 – kia4567

在Android上的網站縮放

回答

相關問題