CSS3新增長(zhǎng)度單位
rem
:根元素字體的倍數(shù),只與根元素字體大小有關(guān);vw
:占視口寬度的百分比;vh
:占視口高度的百分比;vmax
:占視口中寬和高最大的百分比;vmin
:占視口中寬和高最小的百分比。
<!DOCTYPE html>
<html lang="zh-CN"><head><meta charset="UTF-8"><title>CSS3新增長(zhǎng)度單位</title><style>.d1 {height: 10rem;width: 10rem;background-color: antiquewhite;margin: 0 auto;margin-top: 10px;}.d2 {height: 10vh;width: 10vw;background-color: greenyellow;margin: 0 auto;margin-top: 10px;}.d3 {height: 10vmax;width: 10vmin;background-color: rosybrown;margin: 0 auto;margin-top: 10px;}</style>
</head><body><div class="d1"></div><div class="d2"></div><div class="d3"></div>
</body></html>