8

我正在为无法更改标记或包含任何 JS的网站制作主题。我只能控制我的主题的 CSS，我只能在页面正文中编写一些 HTML。

我正在尝试使这个主题具有响应性，但是如果没有像这样的视口元标记，我看不到如何控制手持设备上的初始缩放或页面缩放：

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

所以发生的情况是，即使我可以通过 CSS@media查询应用特定于移动设备的布局，但在手机上查看时网站会被缩小。文本和图像在您放大之前太小，一旦放大，布局太大并且有一个水平滚动条。它在桌面上调整大小的浏览器窗口中看起来很完美；问题是手机浏览器会自动缩放页面。

所以我正在寻找一种解决方法。我目前有两条思路，我欢迎任何其他建议：

  1. 有什么方法可以单独在 CSS 中执行 viewport 元标记的功能吗？
  2. 我可以在特定于移动设备的样式中强制设置最大页面宽度，以便移动浏览器不会缩放页面吗？
4

1 回答 1

2

有@viewport，它可能会帮助你。但是支持的很少。看看这个链接http://dev.opera.com/articles/view/an-introduction-to-meta-viewport-and-viewport/

于 2012-09-13T23:20:00.750 回答