CSS3新增长度单位
rem
:根元素字体的倍数,只与根元素字体大小有关;vw
:占视口宽度的百分比;vh
:占视口高度的百分比;vmax
:占视口中宽和高最大的百分比;vmin
:占视口中宽和高最小的百分比。
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>CSS3新增长度单位</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>
本站资源均来自互联网,仅供研究学习,禁止违法使用和商用,产生法律纠纷本站概不负责!如果侵犯了您的权益请与我们联系!
转载请注明出处: 免费源码网-免费的源码资源网站 » CSS3新增长度单位
发表评论 取消回复