术语表 · 格式
Retina
高像素密度屏幕;为了让图片在这些屏幕上清晰,会使用两倍分辨率的版本。
详细说明
在 Retina(或「高密度」)屏幕上,每个设计像素由 2 个或更多实际像素绘制。300×250 像素的图片如果拉伸到该空间会显得模糊,因此要准备一个 600×500 的版本,再缩小显示为 300×250。
代价是体积:两倍分辨率的图片要重得多。因此在 HTML5 中,尽可能使用文字和矢量图形(SVG),只为真正需要的地方保留大图。
示例
返回术语表一张 600×500 的照片,用 width: 300px 显示在 300×250 的横幅中。