tuf*_*uff 7 html css responsive-design
我正在为一个我无法更改标记或包含任何JS的网站制作主题.我只能控制我主题的CSS,我只能在页面体内编写一些html.
我正在尝试使这个主题响应,但我看不到如何在没有像这样的视口元标记的情况下控制手持设备上的初始缩放或页面缩放:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
所以即使我可以通过CSS @media查询应用特定于移动设备的布局,该网站在手机上查看时也会缩小.在放大之前,文本和图像太小,放大后,布局太大,并且有一个水平滚动条.它在桌面上经过调整的浏览器窗口中看起来很完美; 问题是手机浏览器会自动缩放页面.
所以我正在寻找一种解决方法.我目前有两条思路,我欢迎任何其他建议:
有@viewport，它可能会帮助你。但支持却很少。看看这个链接http://dev.opera.com/articles/view/an-introduction-to-meta-viewport-and-viewport/