请选择 进入手机版 | 继续访问电脑版

ipad批发_ipad论坛_平板电脑论坛 -发米论剑

用新浪微博连接

一步搞定

搜索
亲,你还没有登陆哦,无法享受到更多服务的,马上登陆。如果还没有帐号,请立即注册!X
查看: 317|回复: 0

针对新 iPad 的 Retina 显示屏,怎样在网站上使用 2 倍于原大小的图片? [复制链接]

Rank: 7Rank: 7Rank: 7

发表于 2015-2-8 05:45:03 |显示全部楼层
就是网站上的图片需要一个两倍大小的图片,只在 iPad 3 访问的时候调用。其他的时候仍使用标准的图片。怎样实现? 美国苹果公司的官网首页 http://Apple.com 已经这样做了。



1、按需加载,网站上根据不同的分辨率显示不同的图片。如用发米media queries, 此特性让CSS可以更精确作用于不同的媒介类型,同一媒介的不同条件(分辨率、色数等等),这个链接可以详细了解下它: http://www.zhangxinxu.com/wordpress/?p=1049    PS:不支持此css3的浏览器也有js来实现,如: css3-mediaqueries-js2、  使用 window.devicePixelRatio 来判断是否为高分辨率,然后替换图片的地址3、使用svg矢量图片4、使用css3的渐变、圆角等避免使用图片5、判断网络属性。如果2G用户也给他展示高清图片,显然得不偿失噢"
您需要登录后才可以回帖 登录 | 加入发米友

Archiver|手机版|网站地图|ipad批发 ( 沪ICP备10210075 )

GMT+8, 2018-12-12 06:39 , Processed in 0.046072 second(s), 12 queries .

回顶部