首先要在网页头部写上上面那句话，就是网页宽度等于设备宽度其次，需要把网页的宽度设置为百分比，不能写固定值再就是要用到媒体查询了@media，这样网页就可以适配不同分辨率的设备了。

或者 “Baseline” 来应对一些移动设备除此之外，还有两个组合，WebM + VP8 和 Ogg + Theora + Vorbis 来满足其他的浏览器WebM 可以在 Firefox40+Chrome60+和 Opera1060+中播放Ogg 可以在 Firefox35+Chrome30+和 Opera1054+中播放。

在电脑和手机上全屏显示HTML5网页的步骤如下1打开HTML5网页代码2在网页头部添加新代码，使网页宽度适应设备宽度代码如下3输入代码后，将包括图片DIV在内的图片宽度设置为100%如何弄可以让手机打开网页的时候可以全屏显示你要知道电脑屏幕的分辨率，或手机屏幕的分辨率才可以设置成全屏显示如。

由于HTML5和微信内置浏览器的火爆，移动端H5网页越发流行在设计制作移动端网页的时候，你是否疑惑，这种网站设计稿应该做成的多少屏宽，是否应该跟手机的分辨率一致，还是应该按照iPhone的分辨率来设计注意H5网页区别于APP，APP的设计稿直接按照手机分辨率来设计？那么对于现在2K屏幕的手机，应该如何制作设计稿和前端稿呢。

移动端，分辨率相差太大，做一个尺寸，然后等比缩放，可能不能适应所有分辨率这时候，就需要设计多种分辨率了安卓开发就是多种分辨率，对应多套素材html5方面，cocos做了多分辨率的适应，开发者只需要关注设计尺寸就可以了egret不了解，可以自己看一下这种适应解决的问题是对于小屏，用尺寸大的。

HTML5 制作响应式网页，首先需要考虑是全平台适配还是只是移动端适配这里以移动端响应式网站为例，讲述如何制作响应式网页1选定基本设计尺寸，一般以1080为基准确定响应式web设计的应用场景之后，和美工或设计师沟通，之前，一般需要美工出几套主流移动设备屏幕分辨率的设计图，现在，使用流式布局。