minwidth如何设置

这篇文章给大家分享的是有关minwidth如何设置的内容。小编觉得挺实用的，因此分享给大家做个参考。一起跟随小编过来看看吧。

一：minwidth什么意思

在css中，minwidth是设置段落的最小宽度，使用该属性是设置一个最小的限制，设置的元素可以比指定的元素宽，更不可以指定负值。

min-width的默认值是none，可以在响应式网站上使用。

二：min-width怎么设置

例如，创建一个响应式网站，并将内容的宽度设置宽度为30％，并且可以轻松查看任何大小的浏览器，如果使用手机等小型浏览器查看内容时，而是以min-width的百分比显示通过设置数值（px）显示，实际尺寸不会小于该值。

css：

.box{
  width: 30%;
  height: 200px;
  min-width: 200px;
  background-color: #66b6d5; 
}

目前，一些网站的浏览器都是支持min-width属性，min-width有三个值，分别是length，%和inherit，length主要是定义最小宽度，主要是看浏览器，而%是定义元素的百分比，inherit是从父元素继承元素属性的值。

感谢各位的阅读！关于minwidth如何设置就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到吧！