这篇文章主要介绍了HTML5 移动页面自适应手机屏幕四类方法总结，非常具有实用价值，需要的朋友可以参考下1使用meta标签viewportH5移动端页面自适应普遍使用的方法，理论上讲使用这个标签是可以适应所有尺寸的屏幕的，但是各设备。

可以用JS监控屏幕大小，然后调整Canvas的大小在代码中加入JS windowresizeresizeCanvas function resizeCanvas canvasattrquotwidthquot， $windowget0innerWidth canvasattrquotheightquot， $window。

如何让网页适应浏览器中的屏幕大小为了适应网页的宽度，您需要将网页元素的宽度设置为百分比，并在网页的标题中添加一个代码ltmetaname=图片自适应，且不超过原始大小，需要设置最大宽度，代码如下imgwidth100%max。

01 新建一个HTML文件，代码如下图 02 打开HTML文件所在的文件夹，双击文件，跳转到浏览器 03 改变浏览器大小，发现图片没有变化，显示不全 04。

无论是电脑还是手机，要做到自适应屏幕，其实都是一样的首先，在网页代码的头部，加入一行viewport标签metaname=quotviewportquotcontent=quotwidth=devicewidth CSS字体自适应字体设置使用CSSfont属性定义和用法font简写属性在一个声明。

无论是电脑还是手机，要做到自适应屏幕，其实都是一样的首先，在网页代码的头部，加入一行viewport标签 ltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=10， maximumscale=10， minimumscale=1。

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

var myCanvas = quotltcanvas id=#39myCanvas#39 width=#39quot + screenavailWidth + quotpx#39 height=#39quot+ screenavailHeight + quotpx#39ltvanvasquotquotbeforeEndquot， myCanvas或者这种做法 var my。

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

在HTML页面上不要使用绝对字体px，而要使用相对字体em，对于大多数浏览器来说，通常用 em = px16 换算，例如16px就等于1em5图片自适应非必要img标签的话，只需要设置 maxwidth100%或width100%。

1首先，在网页代码的头部，加入一行viewport元标签 viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度width=devicewidth，原始缩放比例initialscale=1为10，即网页初始大小占屏幕。

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

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

flash网页制作人水平如何制作循环动画 这个不难我可以给你做如何让网页在浏览器自适应屏幕大小想要网页宽度自适应，需要把网页元素宽度设置为百分比，还要在网页头部加上代码metaname=quotviewportquotcontent=quotwidth=device。

1首先，在网页代码的头部，加入一行viewport元标签viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度width=devicewidth，原始缩放比例initialscale=1为10，即网页初始大小占屏幕。

这里还有一个 测试小工具，可以在一张网页上，同时显示不同分辨率屏幕的测试效果，我推荐安装二需要允许网页宽度自动调整 “自适应网页设计”到底是怎么做到的，其实并不难首先，在网页代码的头部，加入一行 viewport元。

最简单的方法，保证管用，你把那个图片写在div里面的背景里，也就是backgroundurlimg1jpgcenternorepeat这样就能够自适应屏幕大小了，而且不会出现横向的滚动条。