響應式布局設置

@mediaonlyscreenandonly(限定某種設備)screen是媒體(tǐ)類型裏的一(yī)種and被稱爲關鍵字，其他關鍵字還包括not(排除某種設備)screen一(yī)般用的比較多，下(xià)面是我(wǒ)自己的嘗試，列出常用的設備的尺寸，然後給頁面分(fēn)了幾個尺寸的版本。/*常用設備*/設備屏幕尺寸顯示器1280x800ipad1024x768Android800x480iPhone640x960兩種方式a意思是當屏幕的寬度大(dà)于600小(xiǎo)于800時，應用styleB.cssb@mediascreenand(max-width:600px){/*當屏幕尺寸小(xiǎo)于600px時，應用下(xià)面的CSS樣式*/.class{background:#ccc;}}