举个例子：手机分辨率是640960，但页面渲染下来的实际像素是320480。但是页面设计稿是基于640*960做的，这样页面的一张切图就会是400实际像素宽，放在页面上大于了手机能否渲染出来的页面。那么，这种页面在切图的时候，是否说是应该将设计稿的尺寸/2？还是说应该把图片按比例强制为页面实际像素宽度？貌似这两种情况都不太适合啊
2 回答
潇潇雨雨
TA贡献1833条经验 获得超4个赞
背景图直接用设计稿的高清图，然后用background-size缩为一半，这样高清屏上看起来就不会模糊了；当然，相应地，非高清屏也是同时下载了大图。如果想要非高清屏不浪费流量下载大图的话，保存一份小尺寸的图，默认背景设为这个，然后用@mediaonlyscreenand(-webkit-min-device-pixel-ratio:2)给高清屏指定大图。如果是文章中的图片的话，约定下用多宽就可以了，比如320或者400这样
添加回答
举报
0/150
提交
取消