Android：自動放大網站上的負載 - 響應式設計

Question

這是我第一次做網站的響應式設計。智能手機有問題。

我正在使用以下元標記來製作網站「放大」負載。 （我也跟着https://stackoverflow.com/a/12785631/1716195）

<meta name="viewport" content="width=device-width; minimum-scale=0.5; initial-scale=0.5; maximum-scale=0.5; user-scalable=yes;" /> 

我也試過

<meta name="viewport" content="width=320; minimum-scale=0.5; initial-scale=0.5; maximum-scale=0.5; user-scalable=no;" /> 

和

<meta name="viewport" content="width=320; minimum-scale=0.5; initial-scale=0.5; maximum-scale=0.5; user-scalable=no;" /> 

它工作正常，我對三星Galaxy S - ICS，默認瀏覽器。 但如果相同的頁面加載了HTC Desire HD Android 2.3.5默認瀏覽器，它將頁面加載爲縮小。

同樣的問題我有，當我加載在我SGS同一個頁面，使用移動歌劇院

我真的不知道，這裏的問題可能是。你有什麼建議要關注什麼？

所以我決定問題必須在瀏覽器或視圖狀態的某處。任何建議我都會很高興

Answer 1

跨瀏覽器在手機中測試通常受瀏覽器功能的限制。我也覺得這個問題。

我的建議是保持初始縮放比例爲1.0，並通過媒體查詢調整大小。根據我的經驗，它並不涵蓋所有設備，但它有所幫助。

您可能會看到viewport support的參考