min-width优先级
来源:3-1 width属性
蒲公英灵
2018-09-27 16:54:18
min-width优先级要高于max-width吗
2回答
时间,
2018-09-27
要具体情况具体分析,
max-width设置的是最大宽度,min-width:最小宽度,如果这两个同时设置的话,表示最大不超过max-width,最小不小于min-width。
如果在设置了width的情况:
max-width:
1、如果最大值max-width的值大于width的值,则显示width的宽度
2、如果最大值max-width的值小于width的值,则显示max-width的宽度
显示值可以小于等于max-width的值,但不能超过max-width
min-width:
1、如果最小值min-width的值大于width的值,则显示min-width的宽度
2、如果最小值min-width的值小于width的值,则显示width的值
显示值可以大于等于min-width的值,但是不能小于min-width
如果同时设置max-width的值>定宽的值>min-width的值,选定宽的值;
定宽的值<min-width的值<max-width的值,选min-width的值
妮可妮可妮_
2018-09-27
是可以这样理解的
当三个属性都设置时,相当于取现在width, max-width中取相对较小的那个值,再和min-width的值进行对比,取最大的那个值
祝学习愉快!
相似问题
回答 1