为什么width为1200px的同一个元素，在电脑上和pad上的显示宽度会不同？为什么同样的页面，在mac上显示起来会比很多设备更为细腻？让我们一起来找到答案。

关于PPI、DPI、DPR、物理像素、逻辑像素等这些名词概念大家有所耳闻，也应该翻找了许多资料，无奈各种资料描述不一，概念混乱，一笔带过，甚至以讹传讹。没有什么实感去好好理解这些概念。 于是我尽自己所能，尽量描述，让大家有个实质性地认识。 小时候学过数学我们都知道，点成线，线成…

多倍屏是指1个逻辑像素对应多个物理像素。在2倍屏下，1个逻辑像素就对应2个物理像素；在3倍屏下，1个逻辑像素就对应3个物理像素。正如我们的标准设计稿尺寸是7501334(也就是iphone6、7、8能够显示的像素)，虽然我们的iphone6、7、8的屏幕尺寸是375667，但屏…

最早是直接用 px 来写，然后用 meta 标签里的 scale 来缩放整个页面，简单粗暴。好处是简单快速，坏处是不能控制部分样式的缩放，一些边框之类的在小屏会变得很细。据说早期天猫首页就是这么干的。

推荐一个简洁好玩的开源项目，由开发者「realyao」开源。学习小程序开发的读者可以关注这个项目。 逛逛 GitHub 推荐过很多微信小程序的实战项目，感兴趣的可以去看看。

【2018】商城小程序源码-专门针对商城类别的小程序源码.... o2o微信小程序源码-专门针对o2o类别的小程序源码集合【更... 小商店微信小程序【包括客户端和服务器端代码以及数据...