CSS的min-width怎麼使用

min-width允許你設定元素的最小寬度，它經常與最大寬度的回應等一起使用，本篇文章我們就來看看CSS中min-width的具體使用方法。

我們先來看看什麼是min-width？

min-width屬性是允許設定元素的最小寬度。

如何使用min-width屬性？

例如，為了“讓我們可以輕鬆查看任何大小的瀏覽器”，假設你有一個元素可以創建響應式網站，可以將內容的寬度設定為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中更多屬性的內容大家可以觀看php中文網的CSS影片教學學習！ ！ ！

以上是CSS的min-width怎麼使用的詳細內容。更多資訊請關注PHP中文網其他相關文章！