视口标记无效

时间:2014-08-30 12:42:37

标签: html css mobile viewport

我想让我的网站berlinexpat.url.ph在移动设备上扩展。我添加了代码

    <meta name="viewport" content="width=device-width" />

到头部,但是当我加载网站时,它会加载放大,而不是在加载时显示整个网站。

我已经尝试了视口标签的varios实现我错过了什么?

由于

2 个答案:

答案 0 :(得分:2)

您需要具有初始比例的Viewport元

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

答案 1 :(得分:0)

如果您使用视口,网站本身将无法缩放,视口会按照您的要求执行操作:将缩放的宽度设置为等于设备的宽度。

这就是为什么页面被缩放以使设备具有的像素数等于显示的像素数 如果您想使网站针对移动设备进行优化,则需要添加一个特殊的CSS文件,如果该设备是移动设备,则会加载该文件