这篇文章主要介绍了HTML5 移动页面自适应手机屏幕四类方法总结，非常具有实用价值，需要的朋友可以参考下1使用meta标签viewportH5移动端页面自适应普遍使用的方法，理论上讲使用这个标签是可以适应所有尺寸的屏幕的，但是各设备。

1，输入positionfixedtop0left0将整个div固定在屏幕的顶部和左侧2输入width100％height100％min－width1000px这个可以适合div的高度和宽度，而min－width是为了实现让屏幕宽度在1000px以内时。

目的因为libflexible的源码是针对移动端的设计方案，我们要实现PC的自适应所以屏幕尺寸也要更换3在mainjs中引入我们刚修改过的flexiblejs文件因为我们更改了源码，所有我们需要引入我们改过的文件4在。

如果屏幕宽度在400像素以下，则6张图片分成三行mediaqueries上面有更多这样的例子这里还有一个 测试小工具，可以在一张网页上，同时显示不同分辨率屏幕的测试效果，我推荐安装二需要允许网页宽度自动调整 “自适应网页。

解决方案2建议你看一下网上的教程或者案例，自己对比学习再写建议如果是小白的话，要不然不会自适应屏幕大小的，只要你编写的html代码符合html5规则就行html5不是转化的，建议你看一下html5标签文档 解决方案3看你。

lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quot lthtml xmlns=quot ltheadltmeta。