第五章媒体查询 · bootstrap

>### 媒体查询 ~~~ <style> /* 媒体查询根据设备宽度的不同去显示对应的样式 */ div{ width:100px; height:100px; border:1px solid #333; } @media(min-width:992px) and (max-width:1200px){ div{ width:200px; background: pink; } } @media(min-width:768px) and (max-width:992px){ div{ width:300px; background: blue; } } @media(max-width:768px){ div{ width:400px; background: red; } } </style> <body> <div> </div> ~~~