[学习笔记] 有关CSS响应式设计的单位

  • 百分比(%)单位：百分比单位在响应式设计中十分好用，不过有时候，使用百分比单位设置元素的宽度可能会导致元素过小或过大。为了避免这种情况，可以结合使用百分比和最小宽度（min-width）或最大宽度（max-width）属性来限制元素的大小范围。

  • em 和 rem 单位：em 和 rem 是相对于元素的字体大小计算的单位。em 单位是相对于父元素的字体大小，而 rem 单位是相对于根元素（通常是 <html> 元素）的字体大小。em 和 rem 单位可以用于实现相对于字体大小的自适应布局。

  • vw 和 vh 单位：vw 和 vh 是视口宽度和视口高度的百分比单位。它们可以用于根据视口的实际宽度和高度进行自适应布局。例如，使用 50vw 表示元素的宽度将等于视口宽度的一半。
posted @ 2023-10-17 13:38  EimC  阅读(59)  评论(0)    收藏  举报