CSS3 中的 em 单位指的是相对于当前文本的字体大小而言的相对单位。
使用 em 单位时,其值会根据父元素的字体大小而改变。比如,若父元素的字体大小为16px,那么1em的大小将会是16px。如果想要子元素的大小为父元素字体大小的2倍,那么该子元素的大小应设为2em。
父元素 { font-size: 16px; } 子元素 { font-size: 2em; /* 子元素字体大小为父元素字体大小的2倍 */ }
使用 em 单位的好处在于其相对于父元素字体的大小会进行适当的调整,这使得在响应式设计中使用 em 单位时能够实现灵活缩放,让网页在不同设备上都能够得到更好的显示效果。
声明:本文来自网络,不代表【好得很程序员自学网】立场,转载请注明出处:http://haodehen.cn/did245662