【css技术指南笔记】八章 响应设计

@media screen and (max-width:568px) {
    .header {
        width:100%;
    }
}

媒体查询：

all 匹配所有设备

handled 匹配手持设备（小屏幕、单色、宽度有限）

print 匹配分页媒体或打印预览模式下的屏幕

screen 匹配彩色计算机屏幕

min-device-width max-device-width：匹配设备屏幕尺寸

min-width max-width：匹配视口的宽度，浏览器窗口宽度

orientation （值为 portrait竖 和 landscape横）匹配屏幕设备是横屏还是竖屏

转载于:https://my.oschina.net/zhenger/blog/404133