1、新建一个HTML文件，代码如下图 打开HTML文件所在的文件夹，双击文件，跳转到浏览器 改变浏览器大小，发现图片没有变化，显示不全 在所在文件夹下，新建一个样式文件，命名为 autocss，代码如下 在HTML文件中加上对样式文件。

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

3、建议你看一下网上的教程或者案例，自己对比学习再写建议如果是小白的话，要不然不会自适应屏幕大小的，只要你编写的html代码符合html5规则就行html5不是转化的，建议你看一下html5标签文档。

4、html5中是通过css3的backgroundsize来控制自适应的直接在图片代码里面设置style，例如ltimg src=quotxxxjpgquot style=quotmaxwidth100%quot2要么给图片统一一个class名例如responseimg，然后在css文件里面设置这个class h。

5、所以有两种方案 var myCanvas = quotltcanvas id=#39myCanvas#39 width=#39quot + screenavailWidth + quotpx#39 height=#39quot+ screenavailHeight + quotpx#39ltvanvasquotquotbeforeEndquot， myCanvas或者。

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

7、windowresizeresizeCanvas function resizeCanvas canvasattrquotwidthquot， $windowget0innerWidth canvasattrquotheightquot， $windowget0innerHeight contextfillRect0， 0， canvas。

8、ltstyle type=quottextcssquot html fontsize 42px ltstyle4 按照设计图的像素进行开发 按照正常网页开发流程，进行网页开发即可5 使用百分比和rem替换px 代码效果对比*使用固定像素*box。

9、fontsize 15em 然后，h1的大小是默认大小的15倍，即24像素2416=15small fontsize 0875em small元素的大小是默认大小的0875倍，即14像素1416=0875五流动布局fluid grid。

10、使用百分比，比如 lt img src=#39aipg#39style=#39width50%#39 这样就会保持屏幕的50%的宽度如果有上级标签，比如ltdiv lt img src=#39aipg#39style=#39width50%#39 ltdiv 那图片大小就是div宽度的50%。

11、首先你要在html页面头部加上下面的代码viewportquot，不懂可以百度content=quot，一些小的模块可以用固定尺寸meta ， name=quot再就是css中要应用到媒体查询，不能不用固定尺寸lt，其次你要把页面中的宽度修改为百分比。

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

13、09html5videoresize 32 宽高比变大 保持宽度不变，调整rotateX即可实现高度变小，也就是宽高比变大了看下图举个例子，假如原始视频分辨率是640*320169，我想把。

14、效果图片自动伸缩，不会超过屏幕宽度原理css控制图片的maxwidth代码要么直接在图片代码里面设置style要么给图片统一一个class名。

15、在css中定义一个控制embed的div样式， 自适应可以利用的浮动元素的尺寸可以通过margin来调整，然后让body的高度要设为100%，这样内部的div的高度设为100%才有效，宽度嘛不用管他，div默认就是自适应宽度的 东莞汇鑫。

16、其实很简单，淘宝京东，这些大站都是HTML5自适应的，你在电脑上能看，在手机上也能看到。