css - 使用 CSS Viewport 缩放移动网站

标签 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 viewport 属性无法按我预期的方式工作,该页面以大约 0.4 的缩放比例显示

最佳答案

您可以使用元标记视口(viewport)来实现:

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

关于css - 使用 CSS Viewport 缩放移动网站,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11005684/

相关文章:

html - 如何使我的 html td 元素适应不断变化的窗口大小?

javascript - 如何div滚动

asp.net-mvc - 在asp.net mvc中使用fileupload时如何防止IE保存文件对话框

css - Chrome 中带有 css 缩放 iframe 的模糊文本

java - 放大 Java Swing 应用程序

html - 具有固定宽度 <thead> 的 HTML 表格中的两级行?

html - 带有垂直文本和文本溢出的表格

html - div 中的表格未在 Opera 中显示

javascript - 禁用 Opera 的 Ctrl-Click 以编程方式保存图像?

wcf - 哪种架构更具可扩展性