网页手机屏幕设计尺寸（如何让手机网页适应屏幕尺寸）
本文目录一览：
手机端网页设计尺寸多少
如果是用PS做设计稿就用750*1334，如果是用SKetch或者XD来设计，常见是用1倍尺寸来说，也就是375*667或者375*812（iPhoneX）。
pc端网版页的设计稿尺寸是宽度1920px，高度最小是1080px，主体内容在权1200px内就行，比较规范。移动端网页的设计尺寸可以考虑680px和720px。
已经有了很大改变，不需要担心设备尺寸不同的问题，以目前主流形式来看，有以下pc端网页设计pc端网页的设计稿尺寸是宽度1920px，高度最小是1080px ， 主体内容在1200px内就行，比较规范。
手机网页没有统一的标准。比较流行的方式是按照iPhone5的尺寸来设计它们。2，逻辑像素320x568。 这种方法更现实。放大2倍的屏幕在iOS和Android都是主流，在放大2倍的屏幕中逻辑像素最小。
移动端的h5页面的尺寸是多少H5的尺寸一般设计为640x1136px 既满足了显示需求，又能降低用户加载图片需要的带宽。
详情页宽度默认为990px，也可以做成750px和790px（以前是这个尺寸），手机端详情页尺寸可以和PC端详情页一样。主图尺寸默认为800*800px。
新人必看!移动端尺寸基础知识
既然屏幕本身的分辨率是72，DPI设成72刚好是1倍尺寸，那设成72的两倍就是倍率为2的屏幕了，就这么简单。 下面来看看3个平台各自的画布设置：iPhone iPhone的屏幕尺寸各不相同，我说的是逻辑像素尺寸，这确实是让人很头疼的事情。
首先说现象，大家都知道移动端设备屏幕尺寸非常多，碎片化严重。尤其是Android，你会听到很多种分辨率：480x800，480x854，540x960，720x1280，1080x1920，而且还有传说中的2K屏。
给出的界面元素尺寸就不统一了。Android的最小点击区域尺寸是48x48dp，这就意味着在xhdpi的设备上，按钮尺寸至少是96x96px。而在xxhdpi设备上，则是144x144px。
设计页面各手机屏幕的尺寸规范
1、上周我们讲到iPhone 6与iPhone 6 Plus约是5的关系，而xhdpi的Android手机屏幕与xxdpi的屏幕刚好是5倍的关系，所以iPhone 6 Plus和xxhdip也可以共用一套切图，掌握好尺寸关系，能让工作变得简单很多。
2、其实大部分app和手机网页都可以在各种尺寸的屏幕上正常显示。大小问题一定有解决的办法，有章可循。 每英寸像素 要知道，屏幕是由很多像素组成的。前面说过，这么多分辨率都是手机屏幕的实际像素大小。
3、要根据不同手机不同的屏幕分辨率来规定尺寸。一般做效果图主流都是做480*800来测试，iphone4（或s）就用640*960，但这个都只是效果图，真正开发还需要切图用点9来做屏幕适配。
