//例一:将某元素宽度设为父元素宽度的50% width: 50%; //例二:将某元素字体大小设为父元素宽度的10% font-size: 10%; //例三:将某元素高度设为父元素高度的100% height: 100%;
使用%作为单位有一个好处,那就是可以让网页元素的宽度或高度根据屏幕大小而调整。比如某元素在大屏幕上需要占据50%宽度,但在小屏幕上想要占据更多的空间,只需要把宽度改为70%等等。
同时,CSS还提供了另一个十分常见的单位em。em的大小是相对于元素的字体大小,如果父元素的字体大小为16px,子元素的字体大小为2em,那么子元素的字体大小就是32px。
//例四:将某元素高度设为字体大小的2em height: 2em;
总之,百分比单位和em单位都可以让大家在设计网页时更加灵活方便,根据实际情况合理运用这两种单位可以让大家的网页更加具有响应式和可读性。