CSS的min-width怎么使用(BootStrap初学者怎么使用)
生活随笔
收集整理的這篇文章主要介紹了
CSS的min-width怎么使用(BootStrap初学者怎么使用)
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
min-width允許你設置元素的最小寬度,它經常與最大寬度的響應等一起使用,本篇文章我們就來看看CSS中min-width的具體使用方法。
我們先來看看什么是min-width?
min-width屬性是允許設置元素的最小寬度。
如何使用min-width屬性?
例如,為了“讓我們可以輕松查看任何大小的瀏覽器”,假設你有一個元素可以創(chuàng)建響應式網站,可以將內容的寬度設置為width:30%;
如果在智能手機等的橫向小瀏覽器中看到的話,就變得比目標小,即使不特意利用媒體查詢來設定其他的值,也要用數值(px)來設定min-width,所以,實際尺寸不會小于該值。
我們來看一個具體的實例
如果將CSS應用于以下HTML,則減小瀏覽器的寬度將不會小于max-width指定的寬度。
HTML
<div class ="container">
<div class ="box">
<p>請嘗試更改瀏覽器寬度。<br> min-width:200px;已經設置,它
不會小于200px。</p>
</div>
登錄后復制
CSS
.box{
width: 30%;
height: 200px;
min-width: 200px;
background-color: #66b6d5;
}
登錄后復制
效果如下:
本篇文章到這里就全部結束了,關于CSS中更多屬性的內容大家可以觀看風君子博客的CSS視頻教程進行學習!!!
以上就是CSS的min-width怎么使用的詳細內容,更多請關注風君子博客其它相關文章!
總結
以上是生活随笔為你收集整理的CSS的min-width怎么使用(BootStrap初学者怎么使用)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 风之大陆蝴蝶奶是什么
- 下一篇: 极米遥控器复位键在哪