对于屏幕，分辨率一般表示屏幕上显示的物理像素总和。比如，我们说iPhone6屏幕分辨率是(750 x 1334px) 对于图像，概念等同于图像尺寸、图像大小、像素尺寸等等。比如，我们说(20 x 20px)的icon 在CSS规范中，长度单位可以分为绝对单位和相对单位。px是一…

1. 视口 viewport viewport 解释为中文就是‘视口’的意思，也就是浏览器中用于显示网页的区域。在 PC 端，其大小也就是浏览器可视区域的大小，所以我们也不会太关注此概念；而在移动端，绝大多数情况下 viewport 都大于浏览器可视区，保证 PC 页面在移动浏…

在前端进行开发H5页面的时候，常常会有一些需要内嵌到APP的H5页面。在APP中使用H5页面主要是由于它是运行在浏览器上，所以只需要开发一次便可以在不同的操作系统上显示，并且迭代版本很方便。开发成本比较低。 在开发的过程中，经常需要和APP进行交互。本文已H5的角度整理了双方交…

... 上面这些问题可能我们在开发中已经知道如何解决，但是问题产生的原理，以及解决方案的原理可能会模糊不清。在解决这些问题的过程中，我们往往会遇到非常多的概念：像素、分辨率、PPI、DPI、DP、DIP、DPR、视口等等，你真的能分清这些概念的意义吗？ 本文将从移动端适配的基础…

2017-11-25 更新：5. 使用 Gulp 拼合图片 1. 单个页面内容不能过多 设计常用尺寸：750 x 1334 / 640 x 1134，包含了手机顶部信号栏的高度。 移动端H5活动页面常常需要能够分享到各种社交App中，常用的有 微信、QQ 等。 使用移动设备查看…