html – 宽于窗口的元素 – CSS

概述当我在智能手机(iPhone)或MacBook上使用Safari浏览器检查我的网站时，我的网站的某些元素比浏览器窗口更宽。身体标签。我使用开发工具检查了网站，似乎它的宽度从600像素开始到下面。我在Chrome中看不到这个问题。 您可以在此处看到屏幕截图，并看到该窗口的宽度为375px，但body-tag的宽度为439px。 我正在应用这个CSS规则，因为我读这个应该可以解决问题，但它不适合我，不 当我在智能手机(iPhone)或MacBook上使用Safari浏览器检查我的网站时，我的网站的某些元素比浏览器窗口更宽。身体标签。我使用开发工具检查了网站，似乎它的宽度从600像素开始到下面。我在Chrome中看不到这个问题。

您可以在此处看到屏幕截图，并看到该窗口的宽度为375px，但body-tag的宽度为439px。

我正在应用这个CSS规则，因为我读这个应该可以解决问题，但它不适合我，不幸的是。

* {    -webkit-Box-sizing: border-Box;    -moz-Box-sizing: border-Box;    Box-sizing: border-Box;}

这是我在说的网站：http://www.firma-info.no

我希望有人对我有帮助。

提前致谢！

解决方法 我正在firefox上的桌面反应性视图中进行测试

但是，我发现背景中的云.x1，.x2等导致窗口宽度大于预期。
云是朝向动画结束的情况。

一个简单的溢出：隐藏;到#page做的工作。

我不知道这是否导致你的问题，但是，这可能有帮助。

另外我建议使用转换翻译来移动云，而不是动画内的边界。

总结

以上是内存溢出为你收集整理的html – 宽于窗口的元素 – CSS全部内容，希望文章能够帮你解决html – 宽于窗口的元素 – CSS所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。