建议如果是小白的话，要不然不会自适应屏幕大小的，只要你编写的html代码符合html5规则就行html5不是转化的，建议你看一下html5标签文档 解决方案3看你之前是怎么做的，最好都调整成百分比的，这样最省事。

在网页的中增加以上这句话，可以让网页的宽度自动适应手机屏幕的宽度其中width=devicewidth 表示宽度是设备屏幕的宽度 initialscale=10表示初始的缩放比例 minimumscale=05表示最小的缩放比例 maximumscale=。

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

第1部分基本的屏幕适配知识1屏幕大小 在Android系统中，把屏幕大小分为以下4种smallnormal标准largeextra large引申为更大的屏幕2屏幕密度 在Android系统中，屏幕密度指的是在指定的屏幕大小区域内。

方案一iScroll v513 设置momentum true 方案二配置probeType 方案三开启硬价加速给scroll元素增加css样式webkittransformtranslate3d0，0，0方案四判断手机版系统版本，应用原生CSSoverflowyscroll。

你这些设置了可以缩放，一般情况下移动端的是这样的，有时候还需加上这个至于你说的背景问题，你可以通过设置一个盒子为width100%height100%然后把图片放在这个盒子里面，然后设置图片自适应盒子displayblock。

ltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=10， userscalable=0， minimumscale=10， maximumscale=10quot ltmeta name=quotapplemobilewebappcapablequot content=quotyesquot ltmeta name=quot。

头部要加的是这个，放在ltheadlthead标签里，这是初始化手机屏幕的ltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=10， maximumscale=10， userscalable=noquot 你写的这段是要放在所有css。

1在已安装的电脑桌面新建一个Word文档演示文稿以Office2007系列为主，然后打开新建的文档，输入文字2点击Word文件左上方另存为A其他格式类型选择为“网页*html，*htm”输入文件名。

3如果你想要实现完美适配，可以做三个设备，宽度均为640，高度可设置为1040iPhone6 plus1008iPhone5s和大部分Android手机832iPhone4s1HTML5的设计目的是为了在移动设备上支持多媒体新的语法特征被。

HTML5网页在电脑端和手机端都全屏显示的步骤如下1打开HTML5网页代码2在网页头部加上新代码，让网页的宽度自适应设备的宽度代码如下ltmeta name=quotviewportquot content=quotwidth=devicewidth initialscale=10 maxi。

首先需要考虑是全平台适配还是只是移动端适配这里以移动端响应式网站为例，讲述如何制作响应式网页#xF4CF选定基本设计尺寸选定基本设计尺寸，一般以1080为基准确定响应式web设计的应用场景之后，和美工或设计师沟通，之前，一般需要美工出。

所以使用html5来开发，其成本低，开发周期短2屏幕适配好，能够以一套代码和资源，适配多种手机屏幕3编写一次，处处运行统一的代码能够运行在不同系统的设备上4对屏幕旋转处理比较好，不用对屏幕旋转进行太多的。

html标签这部分其实就按pc端的正常标签写就可以了 图片，ui 这个很重要了，因为现在的手机分辨率高，拿retina屏幕的iphone来说 你看到的图片其实都是被放大一倍的所以你要想手机pad上看到的图片清晰那你就要做pc上正常。

1响应式设计需要做的有很多技术和技巧，和做电脑端网页一样，响应式开发需要div等元素就可以自动适应屏幕大小，就是在设置每个元素属性的时候要用百分比，最好不要用px 2当下响应式布局设计需要使用HTML5技术和CSS3技术。