使用CSS Viewport縮放移動網站

我想在移動Opera瀏覽器中更改網站的外觀。我使用用戶樣式來更改一些CSS值，目前這種方式運行良好，但頁面不會縮放到設備全角（任一方向）。因爲我只會反正用這個戲，我可以用歌劇CSS屬性「@ -o-視」使用CSS Viewport縮放移動網站

頁有一個固定的寬度，我仍然希望設備放大到網站，所以它儘可能大，同時仍然顯示頁面的整個寬度。

當我嘗試這個，它不工作。該頁面顯示與不同用戶的風格，但是在CSS視域屬性不會工作，我想要它成爲的樣子，頁面顯示在約0.4

2012-06-12 user828591

你能分享例如頁面的寬度碼？單從描述中很難理解你想要做什麼。 – andreasbovens

我現在自己發現了這個問題。當我試圖重建它自己的服務器作爲示例代碼，我注意到的問題是，Opera的用戶CSS加載太晚了，這就是爲什麼視規則將無法正常工作。例如，當我在body標籤的末尾編寫視口時，它的工作方式與我打算的一樣。 – user828591

有趣。你可以在https://bugs.opera.com/wizard/上提交重現問題的步驟嗎？我會跟進。 – andreasbovens

變焦你可以用meta標籤視做：

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

2012-06-12 22:23:14 billythetalented

我知道這通常會起作用，但這次我只需要依靠CSS。 – user828591

@ -o-視{寬度：$ PX}

其中$ =你想以像素爲單位進行優化（例如800）

2012-06-12 22:47:13 andreasbovens

糟糕！我只注意到你寫我在我的問題鏈接的文章：d 嗯，我寫了一個解釋，我的問題評論，你可以確認我寫的呢？ – user828591

回答