圖像時會導致水平滾動

我使用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

圖像時會導致水平滾動

回答

相關問題