那么多手机屏幕尺寸，设计稿应该按照哪一个尺寸作为标准尺寸。现在已经有2K分辨率的手机屏幕了，设计稿是不是也要把宽高跟着最大分辨率来设计。显然不是。 请注意：（以下所有讨论内容和规范均将viewport设定为content=”width=device-width”的情况下） 也就是我们的H5页面 ...

当我们在做手机端H5网页设计稿时（当然包含微信端的H5网页设计），如果没有做过类似的移动端的设计，UI设计师和前端工程师肯定会纠结的。如果是app设计师，就不会那么纠结啦。 那么多手机屏幕尺寸，设计稿应该按照哪一个尺寸作为标准尺寸。现在已经有2K分辨率的手机屏幕了，设计稿是不是也要把宽高跟 ...

http://www.w3cmark.com/2014/354.html 移动端尺寸繁多，包括IOS和安卓，尺寸多达十余种，所以移动页面尺寸的适配一直是前端和设计的头疼。今天来总结一下当前市场上的一些移动端尺寸，方便设计师和前端去考虑适配。但是最好还是针对自己的产品做调查，根据数据去做 ...

1. viewport属性及html页面结构 <meta name= "viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0 ...

请注意：（以下所有讨论内容和规范均将viewport设定为content=”width=device-width”的情况下） 也就是我们的H5页面前端代码里面必须包含 <meta content=”initial-scale=1.0,user-scalable ...

前言：前端页面的布局（各元素的间距），一般会有PSD文件，有精确的px单位，而px与rem要如何转换才能高度还原设计图呢 一般情况下，设计稿的宽高为： 750*1334px，而大部分流行手机的屏幕尺寸为： 375*667px，正好是一倍的关系。 手机浏览器的根 ...

图标尺寸规范和删格化 参考资料 https://www.cnblogs.com/zhaoxinmei-123/p/11960880.html ...

1.制作的步骤： 工具：AI（可选择） （1）在AI中设置参考线和网格：ctrl+k:参考线：10 网格：10 （2）视图：勾选：对齐网格、对齐像素、对齐点（是为了保证没有半像素化，icon的边缘不虚华） （3）按照下面的图标尺寸和删格进行制作 2.图标尺寸规范和删格化 ...