試圖削減圖像

Question

我在Twitter Bootstrap 3中創建一個網站。這是我迄今爲止。 http://ts-mc.net/

一切工作正常，但是，主頁上的圖像延伸出來。我想保留它，以便圖像不響應，這種方式可以在移動設備上正常工作，但是我想擺脫未顯示的多餘圖像。

Answer 1

在容器格上使用overflow:hidden。見this fiddle。

HTML

<div><img src='src'></div> 

CSS

div 
{ 
    overflow:hidden; 
    width:80px; 
} 

您可以設置div容器的寬度和高度爲100％，然後將圖像的其餘部分將被裁剪。

如果它是背景圖像，則使用here中描述的僞元素。

更新

正如您所提到overflow-x:hidden是overflow-hidden一個很好的改進，如果你只是要裁剪的寬度。