網(wǎng)友們上網(wǎng)通常會采用800×6001024×768兩種分辨率，由于網(wǎng)頁不是用來給自己看的，所以我們必須讓自己的網(wǎng)頁能夠兼顧這兩種情況，讓不同分辨率設(shè)置的網(wǎng)友都能夠看到一個排版美觀正確的網(wǎng)頁一 自然拉伸 如果你的網(wǎng)站結(jié)構(gòu)沒。

HTML頁面何適應(yīng)不同分辨率的顯示器可以通過響應(yīng)式布局自適應(yīng)網(wǎng)頁設(shè)計(jì)等方法1響應(yīng)式布局設(shè)計(jì)響應(yīng)式布局可以為不同終端的用戶提供更加舒適的界面和更好的用戶體驗(yàn)，響應(yīng)式布局就是實(shí)現(xiàn)不同屏幕分辨率的終端上瀏覽網(wǎng)頁的。

myCanvassetAttributequotheightquot， screenavailHeightmyCanvassetAttributequotidquot， quotmyCanvasquotmyCanvas兩種方案的共性都是在把元素添加進(jìn)DOM前設(shè)置他的大小 估計(jì)是沒分了，給后人看吧。

remfont size of the root element是指 相對于根元素的字體大小的單位寬度用該單位其實(shí)是一種兼容行為了，和字體用會有點(diǎn)區(qū)別chrome的最小文字為大小12px當(dāng)文字小于12px時，會被當(dāng)作12px進(jìn)行計(jì)算火狐沒有該。

以下幾種方式1css把寬度設(shè)置成百分比，width100%左右布局按一定比例設(shè)置好 ，需要多次調(diào)試，保證不同分辨率下的美觀性2根據(jù)不同分辨率或者不同屏幕大小定義相應(yīng)的CSS文件一般多采用這種方式比如ltlink rel=quot。