图像时会导致水平滚动

我使用tympanus塞德娜赠品模板作为页面的基础，并添加了几个插件等在这里图像时会导致水平滚动

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

，这样的变更/增加已经造成这一形象

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

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

任何想法是什么导致或重写原始模板CSS。

感谢您阅读

来源

2015-11-04 Jevon Scudamore

您可能将不得不使用媒体查询来减少图像的宽度。以825像素的图像宽度开始。 –

你可以在CSS中添加（zoom：.7;）到（.features-extra .macbook-wrap）。这将解决铬和Safari浏览器的问题。你可以尝试（变换：缩放）所有其他人，但你可能需要在图像周围的容器 - http://s9.postimg.org/rtcnhxkof/Capture.jpg – Tasos

谢谢我明白你的意思，但原来的模板doesn没有这个问题，我没有有目的地对代码的那部分做任何改变，所以试图理解为什么行为是不同的。 http://tympanus.net/Freebies/Sedna/链接到原始网站没有赫兹滚动 –

我看着这两个网站和图像看起来很像。

如果您调整视图端口大小然后是，图像溢出到右侧，滚动条出现。

对我来说，它被设计成这样。

在更大的分辨率屏幕或全屏模式[F11]中试试这个网站。 ;）

更仔细地观察你修改你的身体标签添加

overflow-y: scroll;

这样做破坏了页面上的x轴的其余溢出。只需添加到身体标记：

overflow-x: hidden;

它固定在我结束您的问题。

来源

2015-11-04 23:29:35 MishaT

谢谢，但原来的模板没有这个问题，请看这里http://tympanus.net/Freebies/Sedna/ –

我更新了答案，只需在body标签中指定x轴的溢出。 – MishaT

图像时会导致水平滚动

回答

相关问题