设置视口,初始比例和设备宽度不会调整为设备宽度

时间:2014-03-15 04:47:02

标签: javascript android iphone viewport meta

http://www.designbeeadvertising.com/

无论我如何设置元视口,无论我如何改变它并改变它,该网站仍然超出了Android / iPhone / iPad上设备宽度的范围。我一直向客户推荐一个移动响应式网站,但他们希望它只是显示为完整的桌面版本,但是按比例缩小。

有人可以帮我这个吗?我无法弄清楚这里发生了什么,我已经尝试了所有的东西,而且我无法缩小它以适应设备......

2 个答案:

答案 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">
相关问题