Ⅰ 如何制作手机自适应网页
打开你需要制作手机网页的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
将以上标签加入之后保存，再用手机打开即是自适应网页了。
Ⅱ 怎么让网页自动适应各个手机浏览器
1 . 第一种：
第一个想法是需要使用一个 css 背景图，如果这张图够大，就能填充整个屏幕。当浏览器窗口大小没有图片大时，它将自动隐藏多余的部分。
<head> .... <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript"> $(document).ready(function() { $("img.source-image").hide(); var $source = $("img.source-image").attr("src"); $('#page-body').css({ 'backgroundImage': 'url(' + $source +')', 'backgroundRepeat': 'no-repeat', 'backgroundPosition': 'top center' }); }); </script> </head> <body id="page-body"> <img class="source-image" src="images/image.jpg" alt="" /> </body>
上面的这些代码能够自动隐藏超出浏览器窗口部分的图片(image.jpg)多余部分，不会使浏览器产生滚动条。
2 . 第二种：
第一次试验的效果并没有达到要求，并不是真的使得背景图片适应窗口大小，应该使用设置“宽度”和“高度”属性来控制图片的大小，如果我们能够得到浏览器窗口显示像素，就可以利用这个数字来控制图片大小，同时保持比例。
使用 jquery 和 dimensions plugin 可以获得这些参数。
<script type="text/javascript" src="/js/jquery.js"></script> <script type="text/javascript" src="/js/jquery.dimensions.js"></script> <script type="text/javascript"> $(document).ready(function() { var $winwidth = $(window).width(); $("img.source-image").attr({ width: $winwidth }); $(window).bind("resize", function(){ var $winwidth = $(window).width(); $("img.source-image").attr({ width: $winwidth }); }); }); </script>
为了让这张图片更像一个背景图像，我们设置：
img.source-image {position: absolute;top: 0;left: 0;}
因为背景图片加上了定位代码，那要加在背景图片上任何东西都需要定位，如果您的背景图像是竖条状的（特别的高），而你的浏览窗口特别的宽，很容易造成背景图片高度超过您的浏览器窗口的高度，为了防止这种情况，需要设定对超出的部分进行隐藏：
body {overflow: hidden;}
3 . 第三次方法（最好的）：
Stu Nicholls version给出了最好的方法(看了下网易的首页也是这样做的)，这处理方式不需要任何的 JavaScript 就能完美的达到目的。
#img.source-image {width: 100%;position: absolute;top: 0;left: 0;}
在 css 里直接设定背景图片宽度的百分比，这是这个方法的效果。这个方法是最好的，而且不需要任何的 JavaScript 。
Ⅲ 如何让网页自适应手机屏幕分辨率
前台样式不同分辨率下样式不一样就行，可以去学习一下前端知识，再回来慢慢写就可以了’，还不会的话俺可以提供技术帮助
Ⅳ 移动web怎么做屏幕适配
业内比较流行的做法（参考阿里的flexible），有以下要点：
1、设置viewport为设备宽度（这里不一定，但目前先这样足矣）
2、将viewport分成10rem，并计算出1rem在当前浏览器的像素值，把它赋予html标签的font-size（分成10rem只是为了方便计算而已）
3、写CSS代码时，遇到要适配的地方，比如width，margin，padding等，就不要再用px了，改成用rem
JS和Html代码如下：
CSS代码做了类似如下的修改：
运行结果如下：边距和头像图片都随屏幕变化而变化了。
Ⅳ 写web端跟写自适应的pc端手机端有什么不一样呢。
手机的屏幕比较小。
当页面在手机上显示的时候，布局可能会和PC 的效果不同。
比如说：
两栏自适应布局中。pc端可能是两栏，但在小屏手机中，可能就是一栏了。
Ⅵ 如何让网站自适应手机
关于网站如何做到自适应网页，可根据如下操作：
首先，在网页代码的头部，加入一行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规则。
其次，除了布局和文本，”自适应网页设计”还必须实现图片的自动缩放。有条件的话，最好还是根据不同大小的屏幕，加载不同分辨率的图片。有很多方法可以做到这一条，服务器端和客户端都可以实现。
Ⅶ 手机web版的页面（html/css）怎么兼容所有浏览器和各个手机屏幕分辨率
你说的这个问题，应该算的上是手机适配的问题！
既然是手机web端页面，这里的尺寸应该指的是浏览器的可视区域！
同样是5寸屏，一些有问题一些木有问题。
那他们的不同点就在于浏览器的可视区域不一样。
针对这类极小部分的适配问题。可以通过。css适配做出适当调整：
//手机浏览器是这个最大区域(可视区域375px)时，应用这个里面的样式
@mediascreenand(max-height:375px)
{
}
//手机浏览器是这个最小区域(可视区域375px)时，应用这个里面的样式
@mediascreenand(mim-height:375px)
{
}
//手机浏览器是这个最大区域(可视区域375px)介于345-75时，应用这个里面的样式
@mediascreenand(mim-height:375px)and(mim-height:775px)
{
}
具体你可以参考这个：
http://www.ibm.com/developerworks/cn/web/wa-cssqueries/
Ⅷ 做个手机页面怎么才能适配不同的手机
一般来说，iH5的手机案例默认的尺寸是640*1040px，也就是iPhone6 plus的尺寸，我用的正是iPhone6 plus，所以我做案例时没出现过这类问题，而你遇到案例呈现不完整的情况我想应该是手机型号的不同导致的。
你可以设置舞台或者设备的属性，舞台裁剪为no，如果用的是短款手机观看作品，有滚动条也可以看到完整的案例。
如果你想要实现完美适配，可以做三个设备，宽度均为640，高度可设置为1040（iPhone6 plus）、1008（iPhone5s和大部分Android手机）、832（iPhone4s）。
希望我的回答对你有帮助
Ⅸ HTML网页如何自动适应手机屏幕
在网页代码的头部，加入一行viewport元标签。viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比例（initial-scale=1）为1.0，即网页初始大小占屏幕面积的100%。所有主流浏览器都支持这个设置，包括IE9
不使用绝对宽度由于网页会根据屏幕宽度调整布局，所以不能使用绝对宽度的布局，也不能使用具有绝对宽度的元素。这一条非常重要。只能指定百分比宽度
相对大小的字体字体也不能使用绝对大小（px），而只能使用相对大小（em）。
Ⅹ 如何开发手机端网页，如何让网页自适应
利用bootstrap框架中的栅格可以很快就上手pc端和移动端的自适应。