html – 宽于窗口的元素 – CSS

前端之家收集整理的这篇文章主要介绍了html – 宽于窗口的元素 – 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做的工作。

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

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

原文链接:https://www.f2er.com/html/233186.html

猜你在找的HTML相关文章