上一篇文章《为什么选择iPhone5的分辨率作为H5视觉稿尺寸》最后留下了问题：是否需要视觉设计师设计多套的视觉稿供给前端工程师做页面适配呢？按照自己以前的方法，通常会要求设计师设计2套的尺寸，一套是 ...

转自：https://segmentfault.com/a/1190000011586301 作者：Devinnn meta标签到底做了什么事情 做过移动端适配的小伙伴一定有遇到过这行代码： ...

7月份在部门内给设计中心的同事们带来《让H5页面适配移动设备全家 - 设计师篇 - PPT》的分享，在视觉和交互稿上提出页面适配的建议及提升页面体验的好处，促进前端和设计双方更好的合作，同时也提升页面 ...

手机端全部适配简易步骤，不确保没有bug。 1、HTML 的 head 部分中加入如下代码： 其中 width：viewport 的宽度，可以指定为一个像素值，如：640，或者为特殊 ...

最近做官网H5的开发，开发之前首先想到的是移动端的适配问题。目前比较流行的有rem和vw，我选择了vw，但是设计稿的单位是px，转化成vw，要有很多的计算，不方便，所以就想着先按设计稿把界面写出来，然 ...

100%还原设计图，要注意： 看布局，分析结构。 感觉难点在于： 1.测量精度（ps测量数据）； 2.文字的行高。 前段时间写个移动端适配的页面（刚接触这方面 ...

背景：vant框架默认是以px作为单位的，并且根据375设计图实现的 适配步骤： 1、安装 postcss-pxtorem npm i postcss-pxtorem --save-de ...

手机端全部适配简易步骤，不确保没有bug。 1、HTML 的 head 部分中加入如下代码： 其中 width：viewport 的宽度，可以指定为一个像素值，如：640，或者为特殊 ...

当Alec Rust问及HTML5 Boilerplate项目是否可以提供切换成高DPI的favicon的时候，我才意识到我对网站图标（favorite icon），触摸图标（touch icons） ...

移动端适配 web页面跑在手机端（h5页面） 跨平台 基于webview（） 基于webkit 常见适配方法 pc端采用display：inline-block，让 ...