CSS 移动版网站在加载时放大了一点(仅适用于移动设备)

CSS mobile version of web site is zoomed in A LITTLE BIT when loaded (only whatchable with mobile device)

我已经建立了 http://www.berlin-ra-kanzlei.de/ 的移动网站...但不知为何,它似乎总是被放大了一点点(可能是 1 - 3%?)。右侧总是少了几毫米,我可以捏一下缩小。

当我在站点上并单击另一个页面时,也会发生这种情况。它只是不想从一开始就显示完整的页面,尽管我已经将框设置为 width: 100%;.

顺便说一句,我已经设置了

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

没有它,我的布局在移动设备上就会变得糟糕,将其设置为较低的初始比例也无济于事。右边少了一点till

但我不想禁止缩放!我只想在初始 loading/visiting.

上看到这一切

所以,我认为这与某些 CSS 值有关。也许我设置了超过 100% 宽度的东西?因为如果我 zoom/pinch 在加载后退出,它工作得很好......当然,直到加载网站的另一个页面。

非常感谢朋友们。

将#container 和#header div 的框模型设置为边框框:

box-sizing: border-box;

根据您支持的浏览器,您可能需要添加前缀。 更多信息在这里:http://www.w3schools.com/cssref/css3_pr_box-sizing.asp