html5设置图片自适应屏幕宽度

HTML网页的开发中，需要对大小不一的屏幕兼容，使图片在不同的设备中可以展示预期的效果。

html5中是通过css3的background-size来控制自适应的。

可以用JS监控屏幕大小，然后调整Canvas的大小。

style=width：50%/ 这样就会保持屏幕的50%的宽度。

html5.怎么固定网页分辨率?

1、第二种方法：做两个适合不同分辨率的页面，一个是800×600，一个是1024×768，在800×600的页面中加入一下代码就可以实现跳转了：解决分辨率问题在Dreamweaver中没有此项功能，我们只能手动加入一段Javascript代码。

2、打开浏览器，输入网址进入具体的网站，在浏览器屏幕的右下角找到放大镜图标；点击放大镜进入选择网页分辨率的页面，即可选择适合的网页分辨率。

3、在桌面空白处点击鼠标右键。在右键菜单中选择屏幕分辨率。在弹出的对话框中找到分辨率。选择1024*768，点确定。

4、老的方法是用在最外面放一个TABLE标签，定义好它的宽度，比如稍小于1024，因为右边会有垂直滚动条，浏览器也有边框。定义一个980，990这些差不多了。

5、你是想要自适应？有几种办法，百分比写CSS。要么就是做一个所有分辨率都适应的内容（也就是透明层）然后做一个1920的背景，背景居中，内容透明层居中。

6、这个很简单：把（定位）表格的宽度设置成百分比（不要使用固定像素）就行了。就是说你既然要实现缩放，那就不能固定1300了。注意：网页中的图片、表单、等元素是不能缩放的。

html5canvas的宽高有大小限制吗?

1、没有大小限制 HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。画布是一个矩形区域，您可以控制其每一像素。

2、我们来看一个canvas元素的代码canvas width=320 height=160 id=canvasExample/canvasCanvas元素允许两个特定属性：width和height。

3、：Canvas 默认的画布宽高是 300 * 150，当你设置标签的 width，height 属性值时，控制的是 Canvas 的元素本身的宽高，和 Canvas 画布的宽高大小。同时设置定了两个值。

4、可以用JS监控屏幕大小，然后调整Canvas的大小。

5、其实，看上去简单，实际用起来还是有一些问题的。