使用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

回答