关于calc计算的问题

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

慕函数5971289

2017-05-19

我算了下padding只有4rem为什么要减去4.4rem呢

写回答

2回答

姜维

2017-05-22

可能是计算方法有问题?你可以试一试改成 4rem,是会换行的,中间有边框之类的,4.4rem是个估计值,可以让按钮稍小一点,但是不能让他换行。

1
0

慕村3232222

2019-02-12

因为这个

.product .product-content .item .info{
	float: left;
	width: 48%;
	padding: 1rem;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	font-size: 14px;
}

info有左右边框各占1px,而在预设定中

html{
	font-size: 62.5%;
	color: #222;
}

1个rem被设置成了10px,所以应该是

width: calc(22% - 4.2rem);

实测没有问题,老师的要稍微小两个像素

0
0

响应式开发一招致胜

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

4021 学习 · 752 问题

查看课程