設置移動頁面縮放/放大CSS

Question

我正在爲一個網站主題，我無法更改標記或包含任何JS。我只能控制我的主題的CSS，並且我只能在頁面主體內寫入一些HTML。

我試圖讓這個主題敏感，但我看不出如何控制初始規模或頁面縮放在手持設備上，而不視區meta標籤是這樣的：

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

所以會發生什麼即使我可以通過CSS @media查詢應用特定於移動設備的佈局，但通過手機查看時，該網站會縮小。在放大之前，文本和圖像太小，放大後，佈局太大，並且存在水平滾動條。它在桌面上的調整大小的瀏覽器窗口內看起來很完美;問題是手機瀏覽器會自動縮放頁面。

所以我正在尋求解決方法。我目前有兩種思路，我歡迎任何其他的建議：

1. 有沒有什麼辦法可以做視口元標記在CSS中獨自做的？
2. 我可以在我的手機特定樣式中強制設置最大頁面寬度，以便移動瀏覽器不會縮放頁面嗎？

Answer 1

有@viewport，它可能會幫助你。但支持很少。看看這個鏈接http://dev.opera.com/articles/view/an-introduction-to-meta-viewport-and-viewport/