-1
A
回答
0
您可以將圖像簡單地設置寬度調整內容大小:100%,它會與瀏覽器擴展。
在引導或者
的圖像會以 .IMG流體作出響應。最大寬度:100%;和高度:自動;應用於 圖像,以便它與父元素一起縮放。 [https://v4-alpha.getbootstrap.com/content/images/][1]
因此,簡單地給img一類img-fluid。
0
最好的辦法是使用div並添加圖像作爲div的背景,可以說你想調用div
類作爲hero-banner
。 CSS類將是:
// css
.hero-banner{
background-image: url('/images/location/hero.jpg');
background-size: cover;
background-repeat: none;
min-height:450px;
}
// html
<nav>
....
</nav>
<div class="hero-banner"></div>
相關問題
- 1. CSS根據屏幕分辨率
- 2. 根據屏幕分辨率橫幅
- 3. 屏幕分辨率
- 4. 屏幕分辨率
- 5. 屏幕分辨率
- 6. 屏幕分辨率
- 7. 屏幕分辨率
- 8. 如何根據屏幕分辨率移動圖標?
- 9. 如何根據屏幕分辨率調整div的大小
- 10. XAML:如何根據屏幕分辨率設置控件屬性?
- 11. 如何根據屏幕分辨率調整jqGrid高度?
- 12. 如何根據屏幕分辨率縮放圖像?
- 13. 如何閱讀屏幕分辨率 - 並更改此分辨率?
- 14. Qt屏幕分辨率初始屏幕
- 15. 根據屏幕分辨率更改屏幕分辨率(不改變顯示器分辨率並使用最大化屏幕選項)
- 16. 屏幕分辨率和CSS
- 17. 更改屏幕分辨率
- 18. 標誌,屏幕分辨率
- 19. Android屏幕分辨率
- 20. Silverlight屏幕分辨率
- 21. Android:Force 480x320屏幕分辨率
- 22. 屏幕分辨率低,xamarin
- 23. WPF和屏幕分辨率
- 24. 適應屏幕分辨率
- 25. 屏幕分辨率問題
- 26. CSS屏幕分辨率
- 27. Android的屏幕分辨率
- 28. 獲取屏幕分辨率
- 29. Android的屏幕分辨率
- 30. 屏幕分辨率問題