13518219792
html5中是通过css3的background-size来控制自适应的。
创新互联建站从2013年创立，先为莲池等服务建站，莲池等地企业，进行企业商务咨询服务。为莲池企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。
直接在图片代码里面设置style，例如img src="xxx.jpg" style="max-width:100%;"/2、要么给图片统一一个class名例如response-img，然后在css文件里面设置这个class
html5
万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大修改（这是一项推荐标准、外语原文：W3C Recommendation、见本处参考资料原文内容）
2014年10月29日，万维网联盟宣布，经过接近8年的艰苦努力，该标准规范终于制定完成。
html5是html的第五次修的标准，自适应只是html5中的一种写法，你可以用html5的标签和标准写出不是自适应的方法，自适应的写法出现的远比html5要早
HTML网页的开发中，需要对大小不一的屏幕兼容，使图片在不同的设备中可以展示预期的效果。自适应屏幕的宽度，利用css中background属性可以实现
工具/材料
浏览器，文本编辑器
新建一个HTML文件，代码如下图
打开HTML文件所在的文件夹，双击文件，跳转到浏览器
改变浏览器大小，发现图片没有变化，显示不全
在所在文件夹下，新建一个样式文件，命名为 auto.css，代码如下
在HTML文件中加上对样式文件的引用，返回文件夹，双击HTML文件，发现浏览器的变化会引着图片一起变化，自适应屏幕的大小
解决方案1：
p首先你要在html页面头部加上下面的代码;viewport"，不懂可以百度;content="，一些小的模块可以用固定尺寸;meta , name="。再就是css中要应用到媒体查询，不能不用固定尺寸。
/，其次你要把页面中的宽度修改为百分比;width=device-width; ，也就是@media;initial-scale=1"
解决方案2：
建议你看一下网上的教程或者案例，自己对比学习再写。
建议：如果是小白的话，要不然不会自适应屏幕大小的，只要你编写的html代码符合html5规则就行html5不是转化的，建议你看一下html5标签文档
分析设计图
假设设计图大小为1080px。这也就意味着，在开发时，需要兼容的最大分辨率为1080px，最小的为320px。
2. 调整视口
代码实例：
!DOCTYPE html
head
meta charset="UTF-8" /
title布局之路-移动端开发实例/title
meta name="viewport" content="width=device-width,user-scalable = no" /
link rel="stylesheet" type="text/css" href="css/reset.css" /
/head
body
div class="wrap"/div
/body
/html
代码解析：由于使用不同设备打开网页时，宽度均有所不同，所以不能讲视口设置为固定值，应当为width=device-width,即将视口设置为当前设备的宽度。
3. 确定设计图的最小字体
浏览器（部分）能够显示的最小字体未12px，当移动端页面宽度为320px时，要保证最小字体为12px，那么在1080px的设计图中，最小字体应当为42px。
代码实例：
style type="text/css"
html {
font-size: 42px;
}
/style
4. 按照设计图的像素进行开发
按照正常网页开发流程，进行网页开发即可。
5. 使用百分比和rem替换px
代码效果对比：
/*使用固定像素*/
.box {
float: left;
width: 658px;
font-size: 72px;
text-align: center;
line-height: 195px;
}
/*使用百分比和rem*/
.box {
float: left;
width: 60.93%;
font-size: 1.71rem;
text-align: center;
line-height: 4.64rem;
}
代码解析：
水平方向的值，将具体像素调整为百分比。百分比的计算是根据父级的内容区宽度进行计算的。
例如，父级宽度为1080px， 子级元素为197px，那么子元素转换为百分比为：197/1080*100%=18.24%。需要注意的是百分比根据父级计算，当标签结构级别不同时，计算公式中的“分母”也有所不同，在开发时这个地方很容易出现问题，请务必注意。
垂直方向的值，将具体像素调整为rem，与水平方向相比，垂直方向的计算就比较简单。例如，行高为195px，HTML标签当前的字体大小为42px，将行高转换为rem单位，即195/42= 4. 64rem。
