web移动端自适应解决方案 按比缩放还原设计图（less函数）

需求

移动端的设备尺寸较多，需要页面的显示是可自适应良好的
设计图一般是按照某固定尺寸进行设计
要对设计图进行 比例缩放还原

解决方案

思路： 不论字体大小或者各元素的宽高 都按照统一比例缩放

code：

less的函数使用

.pxToVW (@px, @attr: width) {
  @vw: (@px / 750) * 100;
  @{attr}:~"@{vw}vw";
}

.title{
	.pxToVW(300,width)
	.pxToVW(32,font-size)
}

这里是指，设计图是按照750px的宽度进行设计的,
title 中所有的值都是直接取的设计图的值，通过函数进行统一换算