字体模糊问题

模糊问题"/>

字体模糊问题

封装的抽屉组件需要一个滑入滑出效果，因此在封装的时候使用的css3的transform: translate()，通过插槽的显示插入div，但此时div内的h3和p标签的字体偶尔会出现模糊效果。

• 出现原因：
  h3和p的margin-bottom默认为奇数
• 解决办法：
  保证装字体的容器（盒子）宽高为正整数并为偶数

<Drawer isArrow :isVisible="isVisible"><div class="Al"><h3>xxxx</h3><p>xxxx</p></div><div class="Capture"><h3>xxxx</h3><p>xxxx</p></div><div class="Desc"><h3>xxxx</h3><p>xxxx</p></div>
</Drawer>

.Al,
.Capture,
.Desc {
h3 {font-weight: 900;margin-bottom: 10px;
}
p {margin-bottom: 10px;}
}