1996px div只顯示屏幕大小？

你好，先謝謝你的幫助。我正在研究網站的以下組件：1996px div只顯示屏幕大小？

div內容延伸到1990px，但我希望根據屏幕大小切斷它。所以如果用戶的屏幕尺寸是1200，他們只能看到1200像素的div。

現在div內容拉伸了1990px，所以它創建了一個sidescroll。我不想使用像「overflow-x：hidden」這樣的屬性，因爲這會傷害可用性，並且不允許用戶在較小的屏幕上滾動。

我想這個div的行爲非常像CSS背景圖像，因爲它只會顯示用戶的屏幕尺寸。

我對這種技術難以置信，從來沒有這樣做，因此將非常感謝任何和所有的技巧和專業知識。

乾杯！

來源

2014-05-20 user436421

使用Javascript將可能用於此項目？ – tomasofen

當然，我會將這個整合到一個響應WordPress主題。 – user436421

對不起再次提問，但在閱讀完問題之後，對我來說不會保持清晰......當div顯示在屏幕上時，比方說，1000px的寬度div只顯示1000px，而不在div中滾動，也不顯示窗口，「放鬆」其餘內容，不是嗎？ – tomasofen

使用CSS只，可以使兩件事情：

1）使滾動條出現在div容器，如果屏幕沒有寬度足夠多，使用溢出-X：滾動;在＃頂光渦卷DIV：

http://jsfiddle.net/k7b3K/

#top-photo-wrap { 
background:#000; 
/*height:204px;*/ 
font-family: 'Open Sans Condensed Bold', sans-serif; 
overflow-x:scroll; /* Makes the scroll bar horizontal appear*/ 
width:100%; 
}

2）使DIV爲「板缺」到屏幕上的寬度，而不顯示更多的內容，使用溢出-X：隱藏;在＃頂級照片包裹格：

http://jsfiddle.net/DvCJZ/1/

#top-photo-wrap { 
background:#000; 
/*height:204px;*/ 
font-family: 'Open Sans Condensed Bold', sans-serif; 
overflow-x:hide; /* Makes the scroll bar horizontal desapear*/ 
width:100%; 
}

這是我不太清楚爲什麼你不想使用overflow屬性...難道我錯過了什麼？：/

來源

2014-05-20 02:24:22 tomasofen

謝謝，我想我現在意識到，溢出隱藏是票！我感謝你的回答和時間！ – user436421

1996px div只顯示屏幕大小？

回答

相關問題