html5手机网页设计草稿，通常，内容区域是750px或960px或1080px，一般不小于750px像素大小（宽度）
设计草稿可以大于750px，但绝对不小于750px，这主要是由于目前手机（iphone）6的分辨率相对较高，是375个物理像素，但是实际像素是750的两倍，这就是750的来源）
如果设计草图太小，在实现草图时，在高分辨率的情况下，前端的图像大小将变得模糊，因此我们需要“大”分辨率
说真的，在响应设计中不需要说分辨率是有限的。建议使用bootstrap框架进行专业响应设计，或在移动终端中采用百分比设计，以更好地满足响应要求。要解决这个问题，需要根据不同的分辨率设置不同的宽度。首先将mywidth类添加到<bodyclass=“mywidth”>body标记中。然后设计这个类的样式并指定不同分辨率下的宽度。具体代码如下：
@mediaonlyscreen和（min）-宽度：1700px)//指示屏幕像素宽度大于1700px时，宽度为1600px
{]}
@仅媒体屏幕和（最大-宽度：1600px)和（最小-宽度：1200px)//1200-1600之间的宽度设置为1180px
{。我的宽度{宽度：1180px}
}
@仅媒体屏幕和（最大-宽度：1200px)和（最小-宽度：800px)//800-1200之间的宽度设置为800px
{。我的宽度{宽度：800px}
}
给你个主意。可以细分宽度，但内部块元素还需要以不同的分辨率添加自定义宽度。建议使用专业的响应性设计框架，或者在pc端使用像素，在手机端使用百分比。如果你觉得庆丰站说得好，就给个表扬，顺便注意一下。
