CSS移动版网站在加载时放大了一点点(只能与移动设备一起使用)

时间:2015-04-27 13:19:37

标签: css mobile zoom viewport pinchzoom

我已经建立了一个http://www.berlin-ra-kanzlei.de/的移动网站...但由于一个未知的原因,它似乎总是只放大一点(可能是1 - 3%?)。总是缺少一些右侧的毫米,我可以用缩小的方式缩小。

当我在网站上并点击另一页时,也会发生这种情况。它只是不想从头开始显示完整的页面,虽然我已将框设置为宽度:100%;。

是的,我已经设定了

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

如果没有它,我的布局会在移动设备上播放香蕉并将其设置为较低的初始规模也无济于事。在右侧有一点点缺失。

但我不想禁止缩放!我只想在初次加载/访问时看到它。

所以,我认为它与一些CSS值有关。也许我已经设置了超过100%宽度的东西?因为如果我在加载后缩放/缩小,它可以正常工作......当然,直到加载网站的另一页。

非常感谢,伙计。

1 个答案:

答案 0 :(得分:2)

将#container和#header divs的盒子模型设置为border-box:

box-sizing: border-box;

您可能需要为此添加前缀,具体取决于您支持的浏览器。 更多信息:http://www.w3schools.com/cssref/css3_pr_box-sizing.asp