移動(dòng)設(shè)備的屏幕分辨率千差萬別，為了獲得更好的用戶體驗(yàn)啰劲，需要根據(jù)不同的分辨率去呈現(xiàn)不同的界面迁客。媒體查詢就是目前的解決方案。
- 在CSS文件中定義媒體查詢
@media screen and (min-width: 640px) {
.container{
padding:10px;
}
}
- 在
link標(biāo)簽中定義媒體查詢
<link rel="stylesheet" href="test.css" media="min-width:640px" />
在這種情況下摔敛，test.css始終都會(huì)被引入廷蓉，但是其中的規(guī)則是否生效，則取決于媒體查詢條件马昙。
- 媒體查詢中的媒體類型
| 值 | 描述 |
|---|---|
| all | 所有設(shè)備 |
| 打印機(jī)或者打印預(yù)覽 | |
| screen | 電腦桃犬，平板，手機(jī)等屏幕 |
| speech | 屏幕閱讀器等發(fā)聲設(shè)備 |
