手机页面上的图片尺寸要如何确定?
举个例子:
手机分辨率是640960,但页面渲染下来的实际像素是320480。
但是页面设计稿是基于640*960做的,这样页面的一张切图就会是400实际像素宽,放在页面上大于了手机能否渲染出来的页面。
那么,这种页面在切图的时候,是否说是应该将设计稿的尺寸/2?
还是说应该把图片按比例强制为页面实际像素宽度?
貌似这两种情况都不太适合啊
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
http://www.ruanyifeng.com/blog/2012/05/responsive_web_design.html
http://www.uisdc.com/mobile-design-2
http://www.cnblogs.com/shawn-xie/archive/2012/12/19/2824728.html
http://www.zhihu.com/question/19793577
看有帮助没
背景图直接用设计稿的高清图,然后用 background-size 缩为一半,这样高清屏上看起来就不会模糊了;当然,相应地,非高清屏也是同时下载了大图。
如果想要非高清屏不浪费流量下载大图的话,保存一份小尺寸的图,默认背景设为这个,然后用
@media only screen and (-webkit-min-device-pixel-ratio:2)
给高清屏指定大图。如果是文章中的图片的话,约定下用多宽就可以了,比如 320 或者 400 这样
自适应网页设计