jquery - 图片导致水平滚动

Question

我使用 tympanus Sedna 免费赠品模板作为页面的基础，并在此处添加了一些插件等

http://www.onlineallies.co.uk/pages/Sedna/index.html

这些更改/添加之一导致了此图像

http://tympanus.net/Freebies/Sedna/img/macbook-pro.png

超出主体并导致水平滚动。我在这里搜索了其他水平滚动帖子，但没有任何解决方案有效。

关于导致或覆盖原始模板 css 的任何想法。

感谢阅读

Answer 1

我查看了这两个网站，图片看起来很相似。

如果您调整视口(viewport)的大小，那么是的，图像会溢出到右侧并出现滚动条。

在我看来它就是那样设计的。

在更大分辨率的屏幕或全屏模式 [F11] 下尝试该站点。 ;)

仔细看你修改了你的 body 标签添加

    overflow-y: scroll;

这样做会破坏页面其余部分在 x 轴上的溢出。只需添加到正文标签:

overflow-x: hidden;

它解决了我这边的问题。