移动端H5页面的设计稿尺寸大小规范
来源:    发布时间: 2019-10-07 12:04    次浏览   

  那么多手机屏幕尺寸,设计稿应该按照哪一个尺寸作为标准尺寸。现在已经有2K分辨率的手机屏幕了,设计稿是不是也要把宽高跟着最大分辨率来设计。显然不是。

  请注意:(以下所有讨论内容和规范均将viewport设定为content=”width=device-width”的情况下) 也就是我们的H5页面前端代码里面必须包含

  在这里,25学堂也跟大家分享一个罗列了当前最流行的手机的所有尺寸大小规范:值得大家好好细看的智能手机尺寸图表。

  有兴趣的小伙伴可以去尝试不同的尺寸,比如1倍的、2倍的、3倍。最终得出的试验结果是。H5的设计稿一般设计为640x1136px即可。 既满足了显示需求,又能降低用户加载图片需要的带宽。

  可以用各种分辨率的移动智能手机查看我们设计的H5页面时,当然,也会出现如下的情况,内容显示不全,甚至一些重要内容和按钮都会被遮挡。

  第二:我们在进行H5页面内容规划布局设计的时候,不能把重要内容放在太偏下的位置或者偏。