min-width优先级

min-width优先级

min-width优先级要高于max-width吗

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
好帮手慕美 2018-09-27 17:26:26

要具体情况具体分析,

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 17:06:24

是可以这样理解的

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

祝学习愉快!

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师