1、可以用JS监控屏幕大小，然后调整Canvas的大小在代码中加入JS windowresizeresizeCanvas function resizeCanvas canvasattrquotwidthquot， $windowget0innerWidth canvasattrquotheightquot， $window；1，输入positionfixedtop0left0将整个div固定在屏幕的顶部和左侧2输入width100％height100％min－width1000px这个可以适合div的高度和宽度，而min－width是为了实现让屏幕宽度在1000px以内时；一自适应网页设计 自从2010年，Ethan Marcotte提出了 “自适应网页设计”Responsive Web Design这个名词，指可以自动识别屏幕宽度并做出相应调整的网页设计他制作了一个 范例，里面是福尔摩斯历险记六个主人公的；p数据你好，设置设置 html5设置图片自适应屏幕宽度使用百分比，比如 这样就会保持屏幕的50%的宽度如果有上级标签，比如那图片大小就是p宽度的50%，p没有设置宽度就会默认是屏幕宽度，如果设置了宽度，就要注意；HTML页面何适应不同分辨率的显示器可以通过响应式布局自适应网页设计等方法1响应式布局设计响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验，响应式布局就是实现不同屏幕分辨率的终端上浏览网页的。

2、这就算是感应式设计了，也就是本文说的“屏幕自适应”由于设备分辨率不同，长宽比不同，如果设计一次，就要适应所有的屏幕包括PC，这个几乎是不可能的主要有以下三种情况1 如果等比例缩放，内部位置关系会发生变化。

3、头部要加的是这个，放在ltheadlthead标签里，这是初始化手机屏幕的ltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=10， maximumscale=10， userscalable=noquot 你写的这段是要放在所有css；在网页的中增加以上这句话，可以让网页的宽度自动适应手机屏幕的宽度其中width=devicewidth 表示宽度是设备屏幕的宽度 initialscale=10表示初始的缩放比例 minimumscale=05表示最小的缩放比例 maximumscale=；使用百分比，比如 lt img src=#39aipg#39style=#39width50%#39 这样就会保持屏幕的50%的宽度如果有上级标签，比如ltdiv lt img src=#39aipg#39style=#39width50%#39 ltdiv 那图片大小就是div宽度的50%；这样你看，不管你是用普通的img元素，还是用html5画布，都可以自适应浏览器窗口的分辨率关于作图大小的问题要看你的需求，如果需要全部可见，那么你作图的尺寸上限就不能超过屏幕可见范围，如果可以使用scroll卷轴来浏览，那么；而且如果一个网站有多个portal入口，会大大增加架构设计的复杂度于是，很早就有人设想，能不能”一次设计，普遍适用”，让同一张网页自动适应不同大小的屏幕，根据屏幕宽度，自动调整布局layout；html5中自动适应手机屏幕高度的方法使用meta标签，这也是一种常用的方法metaname=viewportcontent=width=devicewidth，initialscale=10，minimumscale=10，maximumscale=10，userscalable=no解释该标签的含义Heigh。

4、在css中定义一个控制embed的div样式， 自适应可以利用的浮动元素的尺寸可以通过margin来调整，然后让body的高度要设为100%，这样内部的div的高度设为100%才有效，宽度嘛不用管他，div默认就是自适应宽度的 东莞汇鑫；所有终端的显示尺寸自适应网站常用的尺寸有三种，且适用于所有终端的显示尺寸自适应网站指的是网页通过不同尺寸不同终端设备访问可以自适应显示，根据屏幕大小宽度自动调整布局，自适应也可以叫响应式，是HTML5新技术。

5、HTML网页的开发中，需要对大小不一的屏幕兼容，使图片在不同的设备中可以展示预期的效果自适应屏幕的宽度，利用css中background属性可以实现 工具材料 浏览器，文本编辑器 新建一个HTML文件，代码如下图 打开HTML文件所在；只有内嵌css有效，外部css会出现拉伸的情况，所以有两种方案 var myCanvas = quotltcanvas id=#39myCanvas#39 width=#39quot + screenavailWidth + quotpx#39 height=#39quot+ screenavailHeight + quotpx#39ltvanvasquot；首先你要在html页面头部加上下面的代码，其次你要把页面中的宽度修改为百分比，不能不用固定尺寸，一些小的模块可以用固定尺寸再就是css中要应用到媒体查询，也就是@media，不懂可以百度ltmeta name=quotviewportquot content=。