网友们上网通常会采用800×6001024×768两种分辨率，由于网页不是用来给自己看的，所以我们必须让自己的网页能够兼顾这两种情况，让不同分辨率设置的网友都能够看到一个排版美观正确的网页一 自然拉伸 如果你的网站结构没。

HTML页面何适应不同分辨率的显示器可以通过响应式布局自适应网页设计等方法1响应式布局设计响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验，响应式布局就是实现不同屏幕分辨率的终端上浏览网页的。

myCanvassetAttributequotheightquot， screenavailHeightmyCanvassetAttributequotidquot， quotmyCanvasquotmyCanvas两种方案的共性都是在把元素添加进DOM前设置他的大小 估计是没分了，给后人看吧。

remfont size of the root element是指 相对于根元素的字体大小的单位宽度用该单位其实是一种兼容行为了，和字体用会有点区别chrome的最小文字为大小12px当文字小于12px时，会被当作12px进行计算火狐没有该。

以下几种方式1css把宽度设置成百分比，width100%左右布局按一定比例设置好 ，需要多次调试，保证不同分辨率下的美观性2根据不同分辨率或者不同屏幕大小定义相应的CSS文件一般多采用这种方式比如ltlink rel=quot。