媒体查询

@media screen and (width){ … }

<link media="screen and (min-width:400px) and (max-width:900px)" rel="stylesheet" href="example.css" />
<?xml-stylesheet media="not screen and (width:800px)" rel="stylesheet" href="example.css" ?>







CSS3 媒体查询 orientation，定义'height'是否大于或等于'width'。值portrait代表是，landscape代表否

@media screen and (orientation:portrait){ … }
@import url(example.css) screen and (orientation:landscape);

媒体查询 height，定义输出设备中的页面可见区域高度

@media (min-height:400px){ … }
@media screen and (height:600px){ … }
@import url(example.css) screen and (height:800px);