使用CSS Viewport扩展移动网站

时间:2012-06-12 22:18:12

标签: css opera scale viewport

我想在移动Opera浏览器上更改网站的外观。我使用用户样式来更改一些CSS值,这现在效果很好,但页面不会缩放到设备的全宽(任一方向)。 因为我只会将它用于Opera,我可以使用Opera-CSS属性“@ -o-viewport”

以下是如何使用它的教程: http://dev.opera.com/articles/view/an-introduction-to-meta-viewport-and-viewport/

页面有一个固定的宽度,我仍然希望设备放大到网站,所以它尽可能大,同时仍然显示页面的整个宽度。

当我尝试这个时,它不起作用。显示的页面具有不同的用户样式,但css视口属性将无法按照我预期的方式工作,页面以约0.4的缩放显示

2 个答案:

答案 0 :(得分:1)

您可以使用元标记视口执行此操作:

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

答案 1 :(得分:0)

@ - o-viewport {width:$ px}

其中$ =您尝试优化的页面宽度(例如800)