自适应问题

Question

	overflow: hidden;
    height: 0;
    width: 100%;

• 老师好，设置padding-bottom可以自适应宽高，font-size怎样同步适应大小呢，rem计算出来仍然是写死的像素值，这种写法怎么看百分比相对谁？

Answer 1

呀呀呀亚歌 2020-05-06 18:07:21

rem转px，是根据html元素的font-size变化的啊，所以可以说是自适应的啊，只要你所有的单位都是rem即可

• 提问者 Brannua #1

  感谢小伙伴帮助，我明白你的意思，但我的意思是既然HTML像素是固定的，并且rem是相对于HTML像素值算出来的，所以算出来的这个数也就成了固定的，你可以打开浏览器试试，不同大小屏幕中，设置了rem的元素并不是自适应的，依然是个固定的像素值。

• 呀呀呀亚歌 回复 提问者 Brannua #2

  需要通过JS去改变的，阿里有一个专门的库，你可以去看看

• 提问者 Brannua 回复 呀呀呀亚歌 #3

  我明白你意思了，谢谢小伙伴