http://www.designbeeadvertising.com/
无论我如何设置元视口,无论我如何改变它并改变它,该网站仍然超出了Android / iPhone / iPad上设备宽度的范围。我一直向客户推荐一个移动响应式网站,但他们希望它只是显示为完整的桌面版本,但是按比例缩小。
有人可以帮我这个吗?我无法弄清楚这里发生了什么,我已经尝试了所有的东西,而且我无法缩小它以适应设备......
答案 0 :(得分:0)
我是HTML5的初学者,但希望以下有帮助。
/ -------------媒体查询------------ /
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
}
@media all and (min-width: 480px){
}
我在我的样本响应网站中使用了这些媒体查询,效果很好。
检查它们,希望它有所帮助。
答案 1 :(得分:0)
您可以使用此元标记轻松实现此目标:
假设您的布局宽度为1000px,并希望网站从两侧获得50px填充,因此视口元标记将为:
<meta id="viewport" name="viewport" content="width=1100, initial-scale=1.0">