老师，关于max-width和min-width滴问题？
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<style type="text/css">
p{/*width: 400px*/;background-color: yellow}
.two{min-width: 500px;}
.three{max-width:600px;}
.four{min-width: 500px;}
.five{min-width: 500px;max-width: 600px;}
.six{min-width: 500px;max-width: 400px;}
</style>
</head>
<body>
<p>我爱你</p>
<p class="two">第二个</p>
<p class="three">第三个</p>
<p class="four">第四个</p>
<p class="five">第五个</p>
<p class="six">第六个</p>
</body>
</html>
老师，我的class six设置的是min-width 是500；最大值是400；最终显示的便是500了；难道说最小值还能大于最大值吗？可是class.five当设置成min-width是500；max-width是600时，显示的便是600了；不明白为什么结果就不一样了？可不可以理解为：当最小值大于最大值时，宽度就按照最小值来表现；而最大值大于最小值时，宽度就按照最大值来体现？
正在回答
不是哦，浏览器的宽度指的值，显示器的内侧宽度，参考下图：
橘色线条勾画的区域就是浏览器的的宽度，可以在浏览器上测试下。
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36713 个
从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星