1、：最小宽度(min-width)与最大宽度(max-width)用于设置图片最小最大宽度限制比较多。比如一个图片为主列表，对象里图片大小不定时候，为了不想让他太小不统一这个时候我们可以使用css最小宽度样式。
镇江网站制作公司哪家好，找创新互联建站！从网页设计、网站建设、微信开发、APP开发、成都响应式网站建设等网站项目制作，到程序开发，运营维护。创新互联建站自2013年创立以来到现在10年的时间，我们拥有了丰富的建站经验和运维经验，来保证我们的工作的顺利进行。专注于网站建设就选创新互联建站。
2、min-width允许你设置元素的最小宽度，它经常与最大宽度的响应等一起使用，本篇文章我们就来看看CSS中min-width的具体使用方法。我们先来看看什么是min-width？min-width属性是允许设置元素的最小宽度。
3、设置最小宽度之后，就算元素没有内容，元素也有宽度。
4、在CSS的FlexBox中设置列的最小宽度用到的属性是min-width属性，min-width属性的语法是min-width： （宽度尺寸），比如，min-width： 320px；就是设置最小宽度为320px。
5、有一个应用就是一篇文章里有图片，但是需要图片的最大宽度不可以超出内容框的宽度，就可以给图片max-width为100%。就算你给图片width大于内容框宽度，但是由于max-width的存在，所以实际显示出的图片宽度还是100%，不会超出。
方法在布局上和方法一一样，但是在导入图片和展示图片上有点差异，即用background导入图片，用background-size来控制图片的展示。
在IE6中有效。◎ overflow：hidden； 超出的部分隐藏，避免控制图片大小失败而引起的撑开变形。有时候图片太大，会破环网页整齐的布局。
这样的操作，一般有两种办法：直接使用CSS属性值；使用JavaScript动态设置CSS值。
所有主流浏览器都支持这个设置，包括IE9。对于那些老式浏览器（主要是IE8），需要使用css3-mediaqueries.js。
首先需要新建一个HTML页面。然后输入页面的标题，可以按照下方图中的进行设置。
一是通过将该图片设定为某个div的背景图片，然后该div的长宽不使用绝对的px，使用相对的em或者rem。二是将图片设定display：block，设定图片的长宽为rem或者em。
CSS 中控制显示的图片大小，可以直接定义在CSS中定义图片宽度width和高度height。
首先需要新建一个HTML页面。然后输入页面的标题，可以按照下方图中的进行设置。
100px：this.height)；。
