如何让网站支持retina屏幕？

[Alpha]

http://www.leiphone.com/tag/iphone5
我看到他家的logo在retina屏幕下是高清的，这个是怎么实现的

[chenluois]

可以用 http://retinajs.com (需翻墙)

在 HTML 页面 body 内底部链接对应版本的 Retina.js
<script src="retina.js"></script>

首先需要准备两个分辨率的图片，其次要在 img 标签里指定 width 和 height，否则不起作用。
假设普通分辨率图片为 128x128 名为 test.png，高清图片 256x256 就要命名为 [email protected]

在 HTML 页面中应这样写
<img src="test.png" width="128" height="128"/>

然后只需要再把 [email protected] 那个高清图放到与 test.png 同一目录下就可以了。

另外我注意到 retina.js 在本地不起作用，要上传到服务器上才有效果。

[flyingkid]

@chenluois 强！谢谢

[Alpha]

@chenluois 非常感谢。