单位

vw：1vw等于视口宽度的1%。
vh：1vh等于视口高度的1%。
vmin：选取vw和vh中最小的那个。
vmax：选取vw和vh中最大的那个		 CSS3自适应布局单位
视口单位(Viewport units)

calc动态计算长度值

calc() 函数用于动态计算长度值。
需要注意的是，运算符前后都需要保留一个空格，例如：width: calc(100% - 10px)；

  1. //图片的宽高(750*400)
  2. swiper{
  3.     image{
  4.         width: 100vw; //宽度默认为视口的最大宽度vw
  5.         //高度根据图片的宽高(750*400)计算出一个vw单位长度,
  6.         //     750       400
  7.         // ------- = ------- 高度? = (400*100vw/750)
  8.         //    100vw       ?
  9.         //借助calc方法计算
  10.         height: calc(400*100vw/750); 
  11.     }
  12. }