第13课mediaqueries相关样式

第十七课：mediaqueries相关样式语法@media设备类型and（设备特性）{样式代码}设备类型可取值All所有设备Screen电脑显示器Print打印用纸或者打印预览器Handheld便携设备Tv电视机类型的设备Speech语音和音频合成器Braille盲人用点子法触觉回馈设备Embossed盲文打印机Projection投影设备设备特性可取值属性作用是否可用max/min前缀值Width浏览器窗口的宽度是数字Height浏览器窗口的高度是数字Device-width设备屏幕分辨率的宽度是数字Device-height设备屏幕分辨率的高度是数字Orientation判断浏览器是横向还是纵向否portrait（竖屏）/landscape（横屏）Color如果不是彩色设备值为0是整数Color-index彩数值是整数Resolution设备分辨率是300dpi例如：@mediascreenand(min-width:900px){样式代码}当屏幕尺寸大于900px时，应用下面的CSS样式@mediascreenand(min-width:600px)and(max-width:800px){样式代码}当屏幕尺寸600px~800px时，应用下面的CSS样式@mediascreenand(max-width:600px){样式代码}当屏幕尺寸小于600px时，应用下面的CSS样式120020px600-120016px60014px