當瀏覽器尺寸減小時，只有第一張圖片保留在視圖中

我有一系列圖片水平放置在div中。當瀏覽器尺寸減小時，只有第一張圖片保留在視圖中

目標是，隨着瀏覽器越來越小，圖像也越來越小，因此它們全都可見並保持內聯。

目前，只有第一個圖像保持可見狀態，而其他圖像不可見。（儘管所有的圖像變得更小

你會發現，一個你讓你的瀏覽器更小，圖像將變得更小，但只有第一個將保持在畫面中，別人你必須向右滾動才能看到

我想他們都仍然是可見的，這意味着它們都收縮起來

CSS：。

body{margin: 0 auto;} 
#week-wrap {border: 1px solid #000; height: auto; white-space: nowrap; max-width: 100%; width: auto; } 
img {max-width: 100%; height: auto; display: inline-block; width: auto;}

來源

2013-05-19 Bradley Mitchell

既然你有3張圖片，它們的寬度應該是父容器的33％。以33％的比例改變你的100％，他們都在屏幕上，並在一行。

img {max-width: 33%; height: auto; display: inline-block; width: auto;}

在這裏看到：http://jsfiddle.net/KXGUM/1/

來源

2013-05-19 01:24:42 user2019515

當瀏覽器尺寸減小時，只有第一張圖片保留在視圖中

回答

相關問題