我已经建立了一个移动网站http://www.berlin-ra-kanzlei.de/ ...但由于未知的原因,它似乎总是放大一点点(也许 1 - 3%?)。右侧总是缺少一些毫米,我可以捏一下缩小。
当我在网站上单击另一个页面时,也会发生这种情况。它只是不想从一开始就显示完整的页面,尽管我已将框设置为 width: 100%;。
顺便说一句,我已经设置了
<meta name="viewport" content="width=device-width, initial-scale=1">
如果没有它,我的布局在移动设备上会变得很糟糕,并且将其设置为较低的初始比例也无济于事。右侧有一点缺失。
但我不想禁止缩放!我只想在初始加载/访问时看到所有内容。
所以,我认为这与一些 CSS 值有关。也许我设置了超过 100% 宽度的东西?因为如果我在加载后缩放/捏合,它就可以正常工作......当然,直到加载网站的另一个页面。
提前非常感谢,伙计们。
最佳答案
将 #container 和 #header div 的盒子模型设置为 border-box:
box-sizing: border-box;
您可能需要为此添加前缀,具体取决于您支持的浏览器。 更多信息请点击:http://www.w3schools.com/cssref/css3_pr_box-sizing.asp
关于CSS 移动版网站在加载时会放大一点(仅适用于移动设备),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29896990/