好的程序员web前端技术分享媒体查询orientation:landscapeorportrait))为其设置CSS样式，媒体查询由媒体类型和一个或多个检测媒体属性的条件表达式组成。媒体查询中可用于检测的媒体属性有width、height和color（以及其他）。使用媒体查询，可以在不改变页面内容的情况下为特定的输出设备定制显示效果。1.媒体查询的实际操作如下：首先向设备查询（称为表达式），如果表达式的结果为真，则应用媒体查询中的CSS，如果expression为false，媒体查询中的CSS将被忽略。2.媒体查询结构@mediaalland(min-width:320px){body{background-color:blue;}}设备类型（默认为all）screen是媒体类型之一，CSS2.1定义了10种mediatype称为关键字，其他关键字包括not（排除某种设备），only（限制某种设备）（min-width：400px）是媒体特征，放在一对括号中。默认样式注意：默认样式要写在最前面/printstyle/@mediaprint{}/手机等小屏手持设备/@mediascreenand(min-width:320px)and(max-width:480px){}/宽度低于1024的设备，例如平板电脑/@mediaonlyscreenand(min-width:321px)and(max-width:1024px){}/PC客户端或大屏幕设备：1028px到更大/@mediaonlyscreenand(min-width:1029px){}/verticalscreen/@mediascreenand(orientation:portrait)and(max-width:720px){对应样式}/horizo??ntalscreen/@mediascreenand(orientation:landscape){correspondingstyle}3.CSS2Media的使用不仅仅CSS3支持。Media早在CSS2就已经支持了。具体用法是在HTML页面的head标签中插入如下一段代码
