‘壹’ 做好了网页，怎么让它自适应手机屏幕
首先，在网页代码的头部，加入一行viewport标签<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />。
viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比例（initial-scale=1）为1.0，即网页初始大小占屏幕面积的100%。即让viewport的宽度等于物理设备上的真实分辨率，不允许用户缩放。
其次：网页宽度css一定要使用百分比width: xx%;，不能用绝对像素。当然可以width:auto;
第三，流动布局.left{float: left;width: ***%;}
第四，选择加载css这是自适应的关键部分.abc{ height:300px; border:1px solid #000; margin:0 auto} @media screen and (min-width: 1201px) { .abc {width: 1200px} }/* 设置了浏览器宽度不小于1201px时 abc 显示1200px宽度 */@media screen and (max-width: 1200px) { .abc {width: 900px} }
设置了浏览器宽度不大于1200px时 abc 显示900px宽度 */@media screen and (max-width: 901px) { .abc {width: 200px;} } /* 设置了浏览器宽度不大于901px时 abc 显示200px宽度 */@media screen and (max-width: 500px) { .abc {width: 100px;} }
设置了浏览器宽度不大于500px时 abc 显示100px宽度 */ 需要注意是CSS代码顺序，由大到小排版CSS（判断浏览器宽度越大越放前），这样是因为逻辑关系，@media 判断CSS排错将导致判断失效。
‘贰’ 在移动端 web怎么做到自适应布局
css3用box-flex;在w3school里找找，主要是根据父元素按比例分配高度父元素{width:100%;display:box;}比如三栏布局A、B、C要想设成一样的宽度就用A{box-flex:1;}B{box-flex:1;}C{box-flex:1;}要是两栏布局B是A的2倍那就是A{box-flex:1;}B{box-flex:2;}高度也是还有一个css3的新功能就是calc()计算，可以计算高度，可以试着用一下PS，我只是说说，移动端响应式局的话，布局要随着窗口变的，就像你这个，要是在普通的手机端就得变成一栏布局，不能保持三栏用MediaQuery设置不同的窗口宽度给不同的css样式都是css代码不用js控制
‘叁’ 请教webview如何让网页自适应手机屏幕
进网页，点设置，然后点适应屏幕就OK！
‘肆’ html+css怎么能让web页面自动适应手机
样式表里面把宽度单位全部写成百分比，然后head加一句：
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
‘伍’ 如何让WEB页面自适应大小
很高兴帮到你
你说的这个是网页的自适应
我刚修改完我的网站，强烈不建议购买现成的自适应网站或者使用转码工具，很垃圾。
如果你有技术，会修改JS和css，请按照以下步骤操作：
首先在js里面添加判断语句，主要功能为判断浏览器为移动端时加载某个css，例如123.css，加载路径一定要注意，不要写错了，路径请使用绝对路径。
其次，编辑123.css，宽度使用百分比，字体大小也是用em而不是固定值px，编辑过程中需要删除一些不必要的版块，也就是说并不是电脑上显示的手机上就都得显示。
最后，导航栏使用点击下啦的方式，不点击自动收回。一定要考虑不同分辨率下的显示情况，这个很关键，必要时可使用不同分辨率缩放功能（需要js和css配合）
这个修改的过程非常麻烦，需要很大的耐心。
‘陆’ 如何制作手机自适应网页
工具/原料
sublime
text
1打开你需要制作手机网页的html或者php等等网页源码文件。在<head></head>之间加入meta标签。
2向浏览器声明该网页为移动设备自适应网页的meta标签为：
<meta
name="viewport"
content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
<meta
name="apple-mobile-web-app-capable"
content="yes">
<meta
name="apple-mobile-web-app-status-bar-style"
content="black">
<meta
name="format-detection"
content="telephone=no">
3将以上标签加入之后保存，再用手机打开即是自适应网页了。
‘柒’ 如何让网站自适应手机
关于网站如何做到自适应网页，可根据如下操作：
首先，在网页代码的头部，加入一行viewport元标签。<metaname=”viewport”content=”width=device-width, initial-scale=1″ />viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度(width=device-width)，原始缩 放比例(initial-scale=1)为1.0，即网页初始大小占屏幕面积的100%。
由于网页会根据屏幕宽度调整布局，所以不能使用绝对宽度的布局，也不能使用具有绝对宽度的元素。这一条非常重要。
“流动布局”的含义是，各个区块的位置都是浮动的，不是固定不变的。float的好处是，如果宽度太小，放不下两个元素，后面的元素会自动滚动到前面元素的下方，不会在水平方向overflow(溢出)，避免了水平滚动条的出现。
“自适应网页设计”的核心，就是CSS3引入的Media Query模块。它的意思就是，自动探测屏幕宽度，然后加载相应的CSS文件。同一个CSS文件中，也可以根据不同的屏幕分辨率，选择应用不同的CSS规则。
其次，除了布局和文本，”自适应网页设计”还必须实现图片的自动缩放。有条件的话，最好还是根据不同大小的屏幕，加载不同分辨率的图片。有很多方法可以做到这一条，服务器端和客户端都可以实现。
‘捌’ 怎么让自己的网页自己适应手机屏幕
打开你需要制作手机网页的html或者php等等网页源码文件。在<head></head>之间加入meta标签。
2
向浏览器声明该网页为移动设备自适应网页的meta标签为：
<meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
3
将以上标签加入之后保存，再用手机打开即是自适应网页了。
‘玖’ 写web端跟写自适应的pc端手机端有什么不一样呢。
手机的屏幕比较小。
当页面在手机上显示的时候，布局可能会和PC 的效果不同。
比如说：
两栏自适应布局中。pc端可能是两栏，但在小屏手机中，可能就是一栏了。
‘拾’ 手机web开发中如何做到图片自适应
图片的宽度设置为百分比，不要设置高度，这样图片就会按照设置的百分比自动缩放了。