說了這麼多，那我們為什麼總是使用呢？
解析這個語句發現，它實現的功能就是讓viewport的寬度為裝置寬度，在viewport中布局完成後顯示在螢幕上時不縮放，即布局是怎樣，顯示就是怎樣。這樣我們在製作網頁時只需要直接針對手機螢幕大小進行設計，不用考慮那麼多複雜的問題，大大節約我們的腦細胞。
viewport並非只是ios上的獨有屬性，在android、winphone上同樣也有viewport。它們要解決的問題是相同的，即無視裝置的真實解析度，直接通過dpi，在物理尺寸和瀏覽器之間重設解析度，這個解析度和裝置的解析度無關。比如，你拿個3.5寸-320 * 480的iphone3 gs、3.5寸-640 * 960的iphone4或者9.7寸-1024*768的ipad2，雖然裝置的解析度不同,物理尺寸也不同，但你可以通過設定viewport讓它們在瀏覽器裡有相同的解析度。
比如說，你的**是800px寬，你可以通過設定viewport的width=800，來讓你的**在這三個不同的裝置上都剛好滿屏顯示你的**。
meta標籤viewport詳解
手機瀏覽器是把頁面放在乙個虛擬的 視窗 viewport 中，通常這個虛擬的 視窗 viewport 比螢幕寬，這樣就不用把每個網頁擠到很小的視窗中 這樣會破壞沒有針對手機瀏覽器優化的網頁的布局 使用者可以通過平移和縮放來看網頁的不同部分。移動版的 safari 瀏覽器最新引進了 viewport ...
Meta標籤中的viewport屬性及含義
慣例 我是溫浩然 最近在學習移動網頁開發，首先看到head裡面設定了下面這個屬性 通過蒐集資料，大體了解了viewport屬性的含義。手機瀏覽器是把頁面放在乙個虛擬的 視窗 viewport 中，通常這個虛擬的 視窗 viewport 比螢幕寬，這樣就不用把每個網頁擠到很小的視窗中，也不會破壞 沒有...
Meta標籤中的viewport屬性及含義
一 什麼是viewport 手機瀏覽器是把頁面放在乙個虛擬的 視窗 viewport 中，通常這個虛擬的 視窗 viewport 比螢幕寬，這樣就不用把每個網頁擠到很小的視窗中，也不會破壞沒有針對手機瀏覽器優化的網頁的布局，使用者可以通過平移和縮放來看網頁的不同部分。移動版的 safari 瀏覽器最...