根据你要做的产品图或banner图，外面的div要设置宽度高度里面的图片再设置 width100% heightauto；ltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=10， userscalable=0， minimumscale=10， maximumscale=10quot ltmeta name=quotapplemobilewebappcapablequot content=quotyesquot ltmeta name=quot；p首先你要在html页面头部加上下面的代码viewportquot，不懂可以百度content=quot，一些小的模块可以用固定尺寸meta ， name=quot再就是css中要应用到媒体查询，不能不用固定尺寸lt，其次你要把页面中的宽度修改为百分比。

于是，很早就有人设想，能不能”一次设计，普遍适用”，让同一张网页自动适应不同大小的屏幕，根据屏幕宽度，自动调整布局layout一了解什么是”自适应网页设计”自从2010年，Ethan Marcotte提出了 “自适应网页设计”；3 移动布局自适应不同屏幕的几种方式 1响应式布局 2100%布局弹性布局3等比缩放布局rem4 你们做移动端平时在什么浏览器上测试Chrome，Safari，微信X5，UC，其他手机自带浏览器 5 说说移动端是；aaawidth1200px 正常样式 下面是分辨率最小为300px，最大分辨率为1024px的样式 media screen and minwidth 300px and maxwidth1024px aaawidth375px 可以参考菜鸟教程CSS3 @medi；王者调节屏幕自适应方法1首先打开手机上的设置，可以在桌面上找到设置并点击进入2然后进入设置之后，上下滑动页面，找到显示设置功能3接着点击进入显示设置之后，找到屏幕刷新率功能进入设置手机刷新率。

前端怎么设置手机端页面高度自适应 那高度你就不要去赋值了，不用写高度不就是高度自适应内容吗，如果你想的是高度和屏幕高度一样，那就设置成100%HTML5里面怎样自动适应手机屏幕的高度 1通过设置viewport参数 2使用css；这篇文章主要介绍了HTML5 移动页面自适应手机屏幕四类方法总结，非常具有实用价值，需要的朋友可以参考下1使用meta标签viewportH5移动端页面自适应普遍使用的方法，理论上讲使用这个标签是可以适应所有尺寸的屏幕的，但是各设备。

ltmeta name=quotviewportquot content=quotinitialscale=05， maximumscale=05， minimumscale=05， userscalable=noquotinitialscale 初始的缩放比例minimumscale 允许用户缩放到的最小比例maximumscale 允许用户；4用同一个账号在另一个手机上登录向日葵远程控制主控端，主控端在APP应用商城都可以下载主控端登录之后刷新会出现你的在线手机，点击在线手机选择进入桌面控制输入访问密码即可链接成功5链接成功你的主控的手机；用以下代码开头lt！DOCTYPE HTMLlthtmlltheadltmeta charset=quotutf8quotltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=1quot 使用百分比定义宽度CSS代码可以适当使用media only screen and max。

下面是图片不失真但不保证是否完全铺满留有空隙或者超出屏幕的css代码1横向铺满，纵向留有空隙或超出屏幕bodybackgroundurl图片路径norepeatcenterbackgroundsize100%auto 2纵向铺满，横向留有空隙或；1，输入positionfixedtop0left0将整个div固定在屏幕的顶部和左侧2输入width100％height100％min－width1000px这个可以适合div的高度和宽度，而min－width是为了实现让屏幕宽度在1000px以内时；只有内嵌css有效，外部css会出现拉伸的情况，所以有两种方案 var myCanvas = quotltcanvas id=#39myCanvas#39 width=#39quot + screenavailWidth + quotpx#39 height=#39quot+ screenavailHeight + quotpx#39ltvanvasquot。

1通过设置viewport参数 2使用css3中的缩放 两种方法都需要获取当前屏幕大小然后根据网页宽度来计算缩放比例，然后进行缩放但是因为目前手机种类繁多，浏览器种类也很多，所以每种方法各自都有不少的问题ltltspanmeta name。