viewport

說在最前面，這是要詳細交代這兩件事情的關係，不過由於目前 CSS Device Adaptation [http://www.w3.org/csswg/css-device-adapt/] 還在草稿（W3C Working Draft）階段，所以以後或許還是會有變化。 這是很悶的詳細解釋文，所以理論上可以跳過。 @viewport and @media 還是一個重點， > @media depends on @viewport size. 但是由於 @viewport 這件事情，雖然他有許多設定可以用，

由於最近剛好遇到這件事情，索性整理一下。一般來說 viewport 大多數人會想到 Media Query 這件事情，但是，我覺得還是有必要澄清一下。其實 viewport 跟 Media Query 並沒有太大或是絕對的相依關係，只是由於裝置與一些規則應用上的關係，讓人覺得這兩件事情好像是可以擺在一起看的。 實際上不是。 -------------------------------------------------------------------------------- 何謂 viewport 根據 w3c 對於 CSS Device Adaptation [http://www.w3.org/TR/