css媒體查詢

語法：

@media not|only mediatype and|only|not (mediafeature and|or|not mediafeature){...}

mediatype常用值有

• screen 用于電腦屏幕、智能手機(jī)等
• print 打印機(jī)
• all 所有設(shè)備
• speech 屏幕閱讀器等

media feature的值常見有

• min-width / min-height --頁面可見的最小寬高
• max-device-width/max-device-height --屏幕可見的最小寬高
• max-resolution/min-resolution --設(shè)備最大最小分辨率，如96dpi

PS：一般時候使用max-width或者min-width去限定不同設(shè)備的寬度。

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