欢迎光临杨雨的个人博客站!

杨雨个人网站-杨雨个人博客-杨照佳

杨雨个人博客网站

关注互联网和搜索引擎的个人博客网站

首页 > WEB开发 > css3案例分享 >

minwidth什么意思?min-width怎么设置

发布时间:2019-05-21  编辑:杨雨个人博客网站   点击:   

很多人刚刚入门Css的新手,不知道minwidth什么意思?min-width怎么设置,下面杨雨个人博客就带领大家来学习一下min-width。

 

minwidth什么意思?min-width怎么设置

一: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什么意思?min-width怎么设置的全部介绍,如果你想了解更多有关CSS教程,请关注杨雨个人博客。

本文地址:http://itbyc.com/web/css3/19647.html
转载请注明出处。
分享是一种快乐,也是一种美德:
博客首页 | WEB开发 | 网站运营 | CMS使用教程 滇ICP备14002061号-1