媒体查询用法

媒体查询是css3新样式

实现在不同条件下使用不同样式，对于不同设备实现不同的渲染样式。

媒体类型（常用）

All 所有设备

Screen 电脑显示器

Print 打印用纸

媒体特性

媒体查询中大部分接受min/max前缀，在超过或低于某个值时触发某个特性

widrh

height

语法

@media 媒体类型 and (媒体特性）{样式}

例如，当电脑屏幕小于或等于480px时，.ad标签隐藏

@mdia screen and (max-width:480px){
　　.ad{
　　　　dispaly:none;
　　}    
}

案例样式代码

<style>
        .mydiv{
            background: #2aabd2;
        }

        @media screen and (max-width:480px){
            .mydiv{
                background: #3c763d;
            }
        }
</style>