HTML5移动网页的设计稿尺寸应该是多少?
已知现在在手机浏览器上打开H5页面,页面的宽度不是手机屏幕的分辨率了。
比如:iPhone5的显示宽度时320px,iPhone6的页面显示宽度为375px……等等
那么是否就代表,几乎所有的素材只需要按照设备像素比缩放来的尺寸制作就行了。
但是我看过很多H5页面,很多图标、都是做的两倍大,只是通过前端样式控制为一倍。
这是为什么,因为两倍的图片缩小成一倍显示会更清晰吗?
但是我用一倍尺寸的图片替代也基本保证了清晰,只要开始用PS做图片时保证边缘清晰就可以了(不要用PS直接ctrl+t缩放像素图,不然细节会糊)。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(5)
用两倍是考虑到retina显示屏,因为retina显示屏是普通屏的两倍~
我们一般设计稿的尺寸是按640设计的~
参考这个iPhone 6 / 6 Plus 出现后,如何改进工作流以实现一份设计稿支持多个尺寸?
设计一般都是640,你可以用js做个屏幕自适应
支持YuanWing的回答:
用两倍是考虑到retina显示屏,因为retina显示屏是普通屏的两倍~
设计稿750吧?