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

标签 css mobile zooming viewport pinchzoom

我已经建立了一个移动网站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/

相关文章:

algorithm - 用于多点触控缩放和平移的恒定内存量?

php - 彼此下方的 WooCommerce 选项卡

javascript - 在第一个 touchstart 事件中禁用所有点击事件是个好主意吗?

c# - 将焦点设置到 Xamarin Forms 中的下一个条目

browser - 手机浏览 URL 时转义与号 (&) 在 ASP.NET MVC 中开发?

jquery - 缩小 div 的内容而不是 DIV 本身。

ios - uiscrollview 放大和缩小不能正常工作

php - Wordpress 不拉 CSS(我认为...)

jquery colorpicker 和 CSS3 渐变

html - IE8 中输入的 z 索引是怎么回事?