06-vw / vh

• 目标

  • 使用vw布局方案，实现视口宽度不同，网页元素宽高等比缩放效果

• vw和vh基本使用

  • vw和vh为相对单位，相对视口尺寸计算结果

  • 1vw = 1/100视口宽度

  • 1vh = 1/100视口高度

• 布局流程

  • 1. 根据设计稿确定1vw尺寸

  • 2. px单位转换成vw单位尺寸

    • px / (1/100视口宽度)

• vh弊端

  • vh是相对视口高度计算尺寸

  • 需要考虑全面屏，视口高度尺寸偏大

  •  

标签：06,vh,px,视口,尺寸,vw,100
来源： https://www.cnblogs.com/qdatm/p/15546466.html