我想弄清楚是否有一個CSS的方式來獲得boilerroom.tv頭上的效果。一個非常類似的問題:How to resize image automatically on browser width resize but keep same height?但沒有填滿整個頁面,只在一個div內。基本上寬度與瀏覽器保持一致,高度保持不變(例如...... 300px),因此圖像變得越來越小,但隱藏了div的溢出。謝謝!使用瀏覽器寬度自動調整圖像大小,但在div內保持相同的高度?
-2
A
回答
0
您應該發佈代碼,以便我們可以更好地瞭解您嘗試完成的內容以及您嘗試的內容。然而,這聽起來像你正在尋找背景封面。在您的CSS中:
.element{
background: url(path/to/image)
background-size: cover;
height: 300px;
width: 100%;
}
請務必在背景大小中包含正確的供應商前綴以實現跨瀏覽器兼容性。
0
請試試這個。 div background:url(imagepath) background-size:cover; 身高:100%; 寬度:100%; }
相關問題
- 1. 在瀏覽器中調整div的寬度和高度用CSS調整大小
- 2. 動態寬度div自動調整大小以適應瀏覽器寬度?
- 3. 在wordpress上自動調整圖像大小相同的寬度
- 4. 將Flash div的大小調整爲完整的瀏覽器高度和寬度?
- 5. 更改瀏覽器寬度的li高度調整大小
- 6. PHP圖像大小調整 - 設置高度和寬度自動
- 7. 在調整瀏覽器窗口大小時,背景圖像的寬度和高度都會調整大小
- 8. 使用CSS更改瀏覽器高度時調整div寬度
- 9. 瀏覽器大小(寬度和高度)
- 10. 自動調整大小畫布到瀏覽器寬度和高度
- 11. 響應 - 在保持高度的同時調整DIV寬度
- 12. 相對於高度的自動寬度+調整窗口大小
- 13. 儘管寬度和高度在瀏覽器調整大小時丟失內容
- 14. 調整圖像大小(image_lib),保持寬高比,但縮放到最小可能超過寬度和高度
- 15. 使用指定的高度和寬度調整圖像大小
- 16. 瀏覽器窗口高度和寬度的大小div
- 17. Div高度自動不調整大小?
- 18. 使用PHP調整大小(寬度/高度)圖像
- 19. Jquery,通過保持高度不變的寬度來調整圖像大小
- 20. 搖擺:調整圖像大小,但保持相同的大小
- 21. 根據瀏覽器的高度調整div的大小
- 22. 使用最小寬度編碼調整瀏覽器大小
- 23. 調整大小DIV寬度自動適應一段的寬度
- 24. 如何擴大div到瀏覽器的高度或寬度,同時保持它的比例? [圖內]
- 25. imagecopyresampled調整至最大寬度或高度,但保持比
- 26. 最大高度最大寬度100%,但拉伸圖像,同時調整瀏覽器
- 27. 根據尺寸動態調整圖像的大小(相同的寬度,但不同的高度)
- 28. CSS:使用最小寬度和最大寬度瀏覽器窗口自動調整大小?
- 29. 基於瀏覽器調整div寬度
- 30. 如何使圖像自動調整大小,使寬度爲100%,並相應調整高度?
您需要發佈一些代碼好友。你試過什麼了? – Turnip