移动端适配:像素与视口

相关概念设备像素/硬件像素/物理像素设备像素,也称为硬件像素、物理像素,是显示屏上能够显示颜色的最小的单位,由一组物理灯(每组包括红、绿、蓝三种颜色的灯)构成,通过在不同光强下打开或关闭这些灯,可以产生任意数量的颜色和亮度。 设备的物理像素数是固定的,是厂商在出厂时就设置好了的 —— 即一个设备的(物理)分辨率是固定的。比如iPhone5的(物理)分辨率为640x1136,则设备像素数为640x1136。     阅读全文
Miaoxingren's avatar
Miaoxingren 6月 09, 2017

像素是什么

本文根据 Lukas 的 What’s a Pixel? 翻译,无法保证译文完全正确。 问题Appway的很多屏幕组件都要求输入像素值。例如,自适应流布局具有这样的属性。     阅读全文
Miaoxingren's avatar
Miaoxingren 6月 07, 2017

理解像素和其他CSS单位

本文根据 Vincent Hardy, Sylvain Galineau 的 Understanding pixels and other CSS units 翻译,无法保证译文完全正确。 摘要本指南介绍CSS像素和其他单位之间的关系,以及CSS和设备像素之间的关系。     阅读全文
Miaoxingren's avatar
Miaoxingren 6月 06, 2017

移动设计101:像素,点和分辨率

本文根据 Dave Kearney 的 Mobile design 101: pixels, points and resolutions 翻译,无法保证译文完全正确。 像素,点和分辨率之间的差异,甚至对那些正在转向移动开发或不熟悉各类屏幕及其工作原理的经验丰富的设计师来说,都是令人困惑的。本文将介绍在设计移动应用程序时需要了解的与屏幕和密度相关的主要关键词,并回答一些常见的其他问题。     阅读全文
Miaoxingren's avatar
Miaoxingren 5月 30, 2017