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初学者怎么使用)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。