1。遇到什么问题?其实就一句话。如何保证设计稿在不同机型、不同分辨率的手机上都能高保真还原?2.业界如何解决其实就是一句话。设计师提供主流机型分辨率大小的设计稿,前端在满足分辨率的机型下,以及其他分辨率机型下,按1:1比例还原。2.1.设计师提供的设计稿宽高是多少?每个公司的标准不一样。我司是750px*1334px,即按照iPhone6的设备像素大小提供;(设备像素是屏幕水平宽度上有多少个物理像素)2.2。前端代码怎么写?比如设计稿上有一个100px*100px的元素,那么在代码中,我们先写.wrapper{width:100px;height:100px;}效果如下:显然不是我们预期的效果,为什么?因为我们下意识地认为代码中的1px===设备像素中的1px;事实上,情况并非如此;那么,代码中的1px=?设备像素中的1px?答案是,它取决于你设备的布局视口的大小,它也默认决定了根元素的宽度;在iPhone6中,布局视口的宽度是980px,所以你可以看到上面100px的正方形很小;那么,如何改变布局视口大小呢?答案是,通过meta标签,
