[聚合文章] 基于物理尺寸的响应式设计

响应式设计 2013-04-19 12 阅读

此文改题为“自我超越”更合适些。......实际上,最近几年,出现了一个问题:早在2013年初,也就是 我正在写此文的时候,以物理设备为载体的web,我们还拿不出一套精准的设计方案,甚至在较长的时间内依然如此。但如果知道了设备的各项物理特性,问题就迎刃而解了——如果说目前做不到,但在不久的将来一定行。

Mobile devices
尽管设备的物理特征全然不同,但却可以拥有相似的屏幕分辨率。iPad(1代)屏幕尺寸 9.7″,分辨率 1024 × 768 ,像素 132 ppi。 Kindle Keyboard 3G屏幕尺寸 6″,分辨率 768 × 1024,像素212ppi。图片来源: kodomut.

这就是大家熟知的“resolution media query”,尽管它作为media queries的规范已经有相当一段时间了,但这并不意味着所有人都会守规矩。不过还好, WebKit走在了前面,并极力推动它付诸实践。那么,我们到底该怎样充分利用这个好东东呢?请看下文分解。

( Smashing’s 提醒 : 我们正在组织一个 全天研讨会,邀请了一批业内最受欢迎的web设计专家——举办场所位于我们的总部所在地德国弗莱堡(Freiburg)。座位有限,请 立即抢购门票)


 

注:本文内容来自互联网,旨在为开发者提供分享、交流的平台。如有涉及文章版权等事宜,请你联系站长进行处理。