視口
在前一段時間，我曾經(jīng)寫過一篇關于viewport的文章。最近由于在接觸移動端開發(fā)，對viewport有了新的理解。于是，打算重新寫一篇文章，介紹移動端視口的相關概念。
關于這篇文章說到的所有知識，本質(zhì)上離不開以下代碼
<meta name="viewport" content="width=device-width, initial-scala=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
@media all and (max-width: 320px) { // do something
}了解過移動端開發(fā)的朋友，其實對以上的代碼就不會陌生。上面的代碼，主要涉及到meta視口標簽與媒體查詢。單單以上簡短的代碼就需要明白：
像素(pixel)
視口(viewport)
分辨率(resolution)
meta視口標簽
媒體查詢(media query)
JavaScript相關的屬性和方法
如何實現(xiàn)移動端響應式適配的問題
那就進入主題吧：）
