响应式布局设置

@mediaonlyscreenandonly(限定某种设备)screen是媒体类型里的一种and被称为关键字，其他关键字还包括not(排除某种设备)screen一般用的比较多，下面是我自己的尝试，列出常用的设备的尺寸，然后给页面分了几个尺寸的版本。/*常用设备*/设备屏幕尺寸显示器1280x800ipad1024x768Android800x480iPhone640x960两种方式a意思是当屏幕的宽度大于600小于800时，应用styleB.cssb@mediascreenand(max-width:600px){/*当屏幕尺寸小于600px时，应用下面的CSS样式*/.class{background:#ccc;}}