1、min-width不要和width一起设置，除非width用%表示。
2、min-width应该和max-width一起使用，默认使用max-width，缩放时在max与min之间变动。
本文转自 yntmdr 51CTO博客，原文链接：http://blog.51cto.com/yntmdr/1657358，如需转载请自行联系原作者
min-width与max-width
2017-11-23
1066
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
目录
相关文章
|
4天前
|
编解码
UED
媒体查询中 max-width 和 min-width 属性的作用
【10月更文挑战第24天】可以结合其他媒体特性，如高度、分辨率等，来进一步优化和定制媒体查询的效果。通过对这些属性的深入理解和灵活运用，我们能够更好地应对不同屏幕尺寸带来的挑战，打造出适应各种环境的优秀设计作品。
27
4
5
|
23天前
|
前端开发
min-width/max-width 和 min-height/max-height 属性间的覆盖规则
在CSS中，min-width/max-width及min-height/max-height属性用于控制元素的最小和最大尺寸。当min-width与max-width或min-height与max-height属性同时设置时，若它们的值有冲突，max-width和max-height具有更高的优先级。这意味着元素的实际宽度和高度将受限于max-width和max-height的规定，而min-width和min-height则确保了元素不会小于所设定的最小尺寸。
31
3
3
|
23小时前
|
前端开发
容器
max-height 属性和 min-height 属性有什么区别？
【10月更文挑战第27天】`max-height`属性和`min-height`属性在控制元素高度方面各有特点和适用场景，通过合理地运用这两个属性，可以更灵活地实现各种页面布局效果，满足不同的设计和功能需求。
3
0
0
|
6月前
|
人工智能
BI
|
6月前
|
前端开发
|
前端开发
|
算法
C++
10min快速回顾C++语法（一）
本系列文章旨在短时间内回顾C/C++语法中的重点与易错点，巩固算法竞赛与写题过程中常用的语法知识，精准地解决学过但有遗忘的情况，为算法刷题打下坚实的基础。
120
0
0
|
JavaScript
前端开发
36.5. height / width
1137
0
0
|
容器
min-height和height
948
0
0
|
容器
max-width
958
0
0