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的值

0

妮可妮可妮_

2018-09-27

是可以这样理解的

当三个属性都设置时,相当于取现在width, max-width中取相对较小的那个值,再和min-width的值进行对比,取最大的那个值

祝学习愉快!

0

0 学习 · 36712 问题

查看课程