css3 - 网页上的img引用的图片如何适配retina屏幕呢?
阿神
阿神 2017-04-17 11:01:33
[CSS3讨论组]

如果是CSS里的,可以用下面的代码适配,但是如果是的又该怎么适配呢?

@media 
  only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min-device-pixel-ratio: 2) {

}
阿神
阿神

闭关修行中......

全部回复(2)
黄舟

我有一个不完美的,抛砖引玉
没有测试过,随口回答,只想表达我的思想

@media 
only screen and (-webkit-min-device-pixel-ratio: 2),  
only screen and (min-device-pixel-ratio: 2) {  
    img .retina_style {display:block;}  
    img .no_retina{display:none;}  
}  
迷茫

楼主有什么好的方案了吗?

对于不支持srcset的浏览器,

最近在搞页面活动也碰到这样的问题。

暂时用js完成任务的

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号