wordpress - 不明白 Thedailyprophet.net 的溢出

标签 wordpress css

我不明白为什么该网站在移动设备上泛滥成灾。我添加了以下代码,但无济于事。

网站是 www.thedailyprophet.net - 我查看了多个解决方案和类似的文章。我似乎无法完全了解这里发生的事情,而且还没有聘请开发人员,这是我的下一个解决方案。

提前致谢

html {
max-width: 100% !Important; }

body {
overflow-x: hidden !Important;
margin: 0px !Important;
padding: 0px !Important;}

最佳答案

首先,非常酷的网站!!

好吧,我可以看到你有一个小罪魁祸首......

主要的 .container 类需要:

overflow: hidden

我认为这个罪魁祸首与页面和帖子标题上的炫酷动画有关,其中标题的各个字母都到达了可以阅读标题的最终位置。这些字母从页面 View 到最后一个位置是动画的,并且移动设备中的视口(viewport)水平滚动,因为字母的不透明度使它们在仍在网站宽度之外时可见。如果将 overflow: hidden 规则添加到容器元素,滚动条就会消失(几乎完全消失,请继续阅读)...

次要的罪魁祸首是菜单 .menu-the-daily-prophet-header-menu。有 margin 加上 100% 的宽度...去掉 margin-left 和 margin-right 就可以了。

关于wordpress - 不明白 Thedailyprophet.net 的溢出,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55131263/

相关文章:

html - 如何修复 wordpress 中的粘性页脚

php - 在 Woocommerce 中的每个项目名称旁边显示购物车中的产品自定义字段

css - Safari 不呈现模态窗口

jquery - 如何在右侧显示汉堡菜单?

php - WooCommerce - 仅选择一个属性时更改产品图像?

wordpress - 如何从 WooCommerce 店面主题主页隐藏页面标题?

html - iOS7:在固定覆盖层中滚动会导致主体滚动

javascript - 变量不被改变

php - 在 Woocommerce 3 中隐藏购物车中特定产品的数量字段

css - 在我的搜索小工具中将输入文本与标签对齐