手机屏幕尺寸多得很，移动端H5页面的设计稿尺寸大小应怎么确定呢？这里昭歌信息提供了一部分相关网站设计规范，以供参考。

网站设计规范

        1、像素没有宽高，它只代表一个采样的色值。

        2、任何图片作为数据信息被保存在存储盘中时，只有宽高像素数是有意义的，此时的ppi对于图片来说时没有任何意义，也并不能描述这个图片有多少英寸的宽度或者高度，只有被打印出来ppi才可以描述这张图片有多高多宽。
        3、平时制作H5页面时设计原型时，建议屏宽为320px，用这个尺寸一是为了浏览方便（现在很多手机的屏宽达到1440px，用这个尺寸去模拟不现实），二是以iPhone5s为标准的手机屏宽较小，进行内容排版布局时屏宽应该向下兼容。
        4、制作设计稿时，设计师应该把原型稿上的所有尺寸进行2倍处理。这样设计稿在移动设备上预览便可保证清晰。而前端切片时，按照现在流行的做法，可以直接使用原型稿上的尺寸，也就是设计稿上的1/2。
        5、一般情况下，最为稳妥的尺寸是H5页面设计稿做成640x1136px，在812px高度处增加一条安全线，重要内容在此线之上。可保证在移动设备上显示清晰以及素材的最小尺寸。

文章由上海网站建设公司昭歌信息整理发布https://www.zhaoge.net/，转载请注明出处