网页端怎么适配 retina

2016-03-24 10:10:57 +08:00
 ufo22940268

正常的图片在 retina 上会变得模糊。

所以网页上在加载图片的时候，如果是 retina 的屏幕，需要加载宽高 x2 的图片来防止图片变模糊。

所以各位都是怎么做的。 我现在找到两个解决方案：

1865 次点击
所在节点    问与答
2 条回复
ChefIsAwesome
2016-03-24 10:47:14 +08:00
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture
v1024
2016-03-24 11:47:11 +08:00
原生方法：
css background 用-webkit-image-set
img 标签用 srcset

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/265953

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX