这篇文章主要介绍了HTML5 移动页面自适应手机屏幕四类方法总结，非常具有实用价值，需要的朋友可以参考下1使用meta标签viewportH5移动端页面自适应普遍使用的方法，理论上讲使用这个标签是可以适应所有尺寸的屏幕的，但是各设备对该标签的解释方式及支持程度不同造成了不能兼容所有浏览器或系统 viewport；在h5中，你body的width和height木有固定在不同分辨率的手机上body的width和height是不一样的就是横屏和竖屏；手机页面最好不要用实打实的宽的来写，不同手机上面的宽度显示是不同的百分比是最好的选择，或者你写成响应式。

lt，其次你要把页面中的宽度修改为百分比width=devicewidth ，也就是@mediainitialscale=1quot解决方案2建议你看一下网上的教程或者案例，自己对比学习再写建议如果是小白的话，要不然不会自适应屏幕大小的，只要你编写的html代码符合html5规则就行html5不是转化的，建议你看一下html5标签；H5页面，即HTML5页面，是随着移动互联网的普及而兴起的一种网页技术以下是关于H5页面的详细解释一H5页面的基本特点 H5页面主要基于HTML5标准开发，具有跨平台多媒体支持等特性与传统的PC端网页不同，H5页面更加注重在移动设备上的展示效果，能够自适应各种屏幕尺寸和分辨率，为用户提供良好的浏览；H5的尺寸一般设计为640x1136px 既满足了显示需求，又能降低用户加载图片需要的带宽可以用各种分辨率的移动智能手机查看我们设计的H5页面时，当然，也会出现如下的情况，内容显示不全，甚至一些重要内容和按钮都会被遮挡第一背景图片必须采用backgroundsizecover来实现第二我们在进行H5页面内容规；一般来说，iH5的手机案例默认的尺寸是640*1040px，也就是iPhone6 plus的尺寸，我用的正是iPhone6 plus，所以我做案例时没出现过这类问题，而你遇到案例呈现不完整的情况我想应该是手机型号的不同导致的你可以设置舞台或者设备的属性，舞台裁剪为no，如果用的是短款手机观看作品，有滚动条也可以看到；1一般来说，iH5的手机案例默认的尺寸是640*1040px，也就是iPhone6 plus的尺寸，你遇到案例呈现不完整的情况应该是手机型号的不同导致的2你可以设置舞台或者设备的属性，舞台裁剪为no，如果用的是短款手机观看作品，有滚动条也可以看到完整的案例3如果你想要实现完美适配，可以做三个设备，宽度；HTML5的移动端网页设计稿，通常情况下，内容区为750px或960px或者1080px的，一般不小于750px像素大小宽度设计稿可以比750px大，但是绝对不能比750px小，这个主要是由于当前手机的分辨率相对较高iPhone6是375物理像素，但实际像素为其两倍，也就是750，这个750就是这么来的如果设计图稿过小，前端。

HTML5的移动端网页设计稿，通常情况下，内容区为750px或960px或者1080px的，一般不小于750px像素大小宽度设计稿可以比750px大，但是绝对不能比750px小，这个主要是由于当前手机的分辨率相对较高iPhone 6是375物理像素，但实际像素为其两倍，也就是750，这个750就是这么来的如果设计图稿过小，前；你写的这段是要放在所有css样式后边的，以防止样式覆盖这段的意思是在电脑屏或者其他屏上你显示的是一个样式，通过这个监控屏幕大小，等屏幕大小改变，则替换成另一个样式media screen and maxwidth 480px 设置手机屏宽度不大于 480px时的样式 divMain 想在手机屏上更改的样式；很简单，在头部加个 ltmeta name=quotviewportquot content=quotwidth=devicewidth，initialscale=10， minimumscale=10， maximumscale=10， userscalable=noquot。

移动端H5指的是在手机浏览器上运行的H5页面，H5全称为HTML5，是HTML新一代标准的简称H5技术可以在手机端上实现更流畅更丰富的交互体验，因此被广泛应用于移动互联网应用开发中为什么移动端H5如此重要随着移动设备的普及，越来越多的应用需要在手机浏览器上来实现移动端H5可以为用户提供更好的；1，输入positionfixedtop0left0将整个div固定在屏幕的顶部和左侧2输入width100％height100％min－width1000px这个可以适合div的高度和宽度，而min－width是为了实现让屏幕宽度在1000px以内时，div的大小保持不变3输入backgroundsize coverwebkitbackgroundsize；写手机页面确实是内容要比浏览器的内容缩小12来写，这样显示才正常不过写手机页面最好不要写绝对宽高度，都是用百分比来写的这样就不会出现尺寸不合了比如一个商品在设计稿上占去15的宽高度，那么你就在编辑器给这个元素宽高15%的宽高度边距慢慢调整。