我正在考虑未来的 CSS 最佳实践。新 iPad 或 iPhone 上的 12px 字体将无法阅读。作为补偿,这些设备改变了它们对像素的定义。当您在浏览器上使用Ctrl+/时,它也只是更改像素的定义并重绘。Ctrl-
由于像素不再与显示单元真正绑定,是时候简单地放弃将像素作为测量单位了吗?
优点:
- 元素更容易相互关联(mm 和 cm;pt、pc、in 等)。
- 点转移打印很好。(还记得 Netscape Navigator 和打印像素大小的字体吗?)
- 我们非常习惯于以磅为单位来指代字体大小。
- 物理测量更容易设计。
- 显示器变得越来越密集和多样化。如果我们说一个项目是 7 毫米高,那么它将是 7 毫米高。使用像素,我们不知道最终用户会看到什么。
缺点:
- 图像将始终由固定数量的彩色点组成。500 x 500 的图像在 500 x 500 显示元素下总是看起来最好。
- Javascript 以像素为单位报告元素的大小,将它们转换为物理尺寸需要额外的工作。
你觉得呢?你有没有什么想法?