Question

网页自适应电脑分辨率必须用html5实现吗？

Answer 1

不是只有html5才能实现的，用css和javascript也可以实现，简单说下解决思路： 用JQuery和Extjs等js插件可以用相应的onReady函数在页面加载完毕后获取当前的浏览器窗口宽高分别为多少像素。也可以用原生的js绑定事件window.onload()=function(){代码获取宽和高;代码设置图片或canvas的宽和高}来实现。图片如果是全屏背景的话，可以获取浏览器窗口的宽和高，如果不是占满而只是其中的一部分，用上面说的办法获取相应的父元素的宽和高，再设置图片或者html5canvas的宽和高。这样看，不管用普通的img元素，还是用html5画布，都可以自适应浏览器窗口的分辨率。关于作图大小的问题要看需求，如果需要全部可见，那么作图的尺寸上限就不能超过屏幕可见范围，如果可以使用scroll卷轴来浏览，那么可以为img或者canvas的父元素设置超出尺寸自动scroll的属性，这样当图超大的时候可以用鼠标滚轮或者点scroll条来浏览。