移动web第六天，vw/vh

vw/vh含义

w即宽度，h即高度
vw/vh跟rem一样，都是相对长度单位，

vw意思是视口宽度的1/100
vh是视口高度的1/100

vw和vh不混用，

优点：不需要媒体查询或需要 flexible.js

知识点回顾：

1、 z-index可以提高定位元素的显示权重

2、盒子背景默认为透明而非白色，

3、旋转属性 transform: rotate(90deg);和 transform: rotateX(90deg);含义不同。

后者是向屏幕内倒下去

4、透视：perspective（pp）跟的数值，代表屏幕和观察点的垂直距离

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • web第六天-vw / vh
    vw是相对单位相对视口的尺寸计算结果（VScode插件：px to vw） vw：viewport width1v...
    cheunggaryu阅读 396评论 0赞 0
  • 移动web第六天
    移动适配 vw / vh vw是相对单位, 相对视口的计算结果 vw：viewport width1vw = 1/...
    wxr简书阅读 135评论 0赞 0
  • CSS
    一、CSS中的属性和取值 1.文本类属性： text-align属性：此标签内容的水平对齐方式，内容须为具体文字/...
    刘远舟阅读 527评论 0赞 1
  • 060. CSS 单位
    1. 长度（length）单位 长度单位主要分为两种，相对和绝对。 相对长度单位 基于其它元素的长度。例如 em ...
    Iwtem阅读 355评论 0赞 0
  • 2019-06-30
    css实现三角形，直角梯形，立方体 今天给大家分享一些用CSS可以实现的一些有意思的东西。 三角形 CSS实现三角...
    czpDepRoad阅读 1,242评论 1赞 4