max-width

来源:4-7 主要内容样式2

qq_Moriarty_1

2016-06-28

.item a {
 display: block;
 width: 90%;
 margin: 1.5rem auto;
 max-width: 12rem;
 line-height: 4rem;
 text-align: center;
 text-decoration: none;
 color: #fff;
 background-color: #ff9900;
 border-radius: 5px;
}

在课程中“购买”这个按钮的宽度设定是max-width,这里为什么使用max-width?为什么已经有了width:90%,还要使用这个max-width?

在其他“块”的宽度中,为什么没有使用呢?

这里我不太懂,希望高手帮我解答下,谢谢。

写回答

1回答

姜维

2016-06-28

max-width是对最大的宽度做了一个限制,如果width:90%计算出来的宽度值大于12rem的话,就会根据max-width的限制,只显示为12rem,而不显示为更宽。

1
1
qq_Moriarty_1
谢谢老师
2016-07-03
共1条回复

响应式开发一招致胜

用一套代码开发出不受设备型号、尺寸限制的互联网金融网站

4021 学习 · 752 问题

查看课程