html – 宽于窗口的元素 – CSS

发布时间：2020-12-14 21:43:11 所属栏目：资源来源：网络整理

导读：当我在智能手机(iPhone)或MacBook上使用Safari浏览器检查我的网站时，我的网站的某些元素比浏览器窗口更宽。身体标签。我使用开发工具检查了网站，似乎它的宽度从600像素开始到下面。我在Chrome中看不到这个问题。您可以在此处看到屏幕截图，并看到该窗口的

当我在智能手机(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做的工作。

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

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!