css - 使用rem做相应是开发遇到的一点问题

问题描述

问 题

在使用rem做单位开发响应式的过程，rem使用起来是很顺手，但是有一个奇怪的地方。

比如说：

<p><a href=""></a></p>

如果我给a加了一个font-size的值，p就会变得很大，但是a的大小依旧是默认的大小，简单说就是p里面多出了一圈空白。
这是我目前在做的一个例子：

结构是这样

样式如下

当然我目前也找到了解决方法，就是给包裹层写display:table，里面的内容写display:table-cell，这样是能解决一部分问题，可是也会引入其他问题

所以想问下大家有什么解决方法或是知道原因的么？

解决方案

如果 html font-size 为100的话,body font-size 设为 0.16rem;试试.相当于把body的font-size设成原来大小

这篇关于css - 使用rem做相应是开发遇到的一点问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！