当字体大小改变时，div上下的边距变得不对称。

15 浏览
0 Comments

当字体大小改变时，div上下的边距变得不对称。

我试图使div对称间距，但当我将字体大小增加到200％或32px时，底部的3em下部填充和标记的3em边距不匹配，因为在底部变得更长\n截图\n



  
  
  
  Document


  Lorem ipsum dolor sit amet
  Lorem Ipsum Dolor Sit Amet

0

1 答案

0 Comments

当字体大小发生变化时，div上下的外边距/内边距变得不对称。这个问题的出现是因为em与字体大小相关。em是相对于元素的字体大小进行计算的（2em表示当前字体大小的两倍）。由于使用em进行调整，会影响到基于字体大小的外边距和内边距。

解决这个问题的方法是使用固定单位像素（px）代替em来设置外边距和内边距。这样，即使字体大小发生变化，外边距和内边距也保持不变。

例如，原来的代码可能是这样的：




    Content

为了解决问题，可以将em替换为px：




    Content

通过这样的修改，无论字体大小如何变化，div上下的外边距和内边距都会保持对称。

0