平常移動端開發中，頁面的head中都會引入下列這句話，那viewport是什麼，理解了這個才能讓我們開發的網頁更好適配不同的移動裝置。
螢幕上能用來顯示我們的網頁的那一塊區域
。但是viewport
並不等於瀏覽器的可視區域。可以自定義，自定義後，手機按這個尺寸的比例在可視區域縮放。
手機的預設
viewport多大？手機螢幕可視區域區域有多大？
可能大家想到，應該是手機的解析度！其實不是，大家都知道現在手機的解析度引數，像iphon 5s 1136*640，也就是說寬是640，iphone6plus是750，android的也大概320到700多，那常用的pc螢幕解析度一般1366*768，手機那麼小的螢幕，怎麼會有那麼多的可顯示區域。據說手機上為了獲得更高的清晰度，有投影還是什麼。
其實真實的裝置可視區域畫素寬度device-width，像iphone5s，是320px，iphone6plus是375px，android手機大多數是360px或348px和320px。
大多數手機預設的viewport為980，若不加那句話，手機會按viewport為980來顯示網頁。如果咱們按640比例開發的網頁，會變小。
頁面顯示時，頁面會根據設定的viewport放大或縮小螢幕，比如頁面按寬為640px開發的頁面，那放在viewport設定320的螢幕上，會放大一倍。
平常開發中，如果viewport設定為device-width，最好按320px開發。但是像，為了防止虛化，真實尺寸最好大一些。
各個引數說明
width
設定layout viewport的寬度，為乙個正整數，
或字串"width-device"
initial-scale
設定頁面的初始縮放值，為乙個數字，可以帶小數
minimum-scale
允許使用者的最小縮放值，為乙個數字，可以帶小數
maximum-scale
允許使用者的最大縮放值，為乙個數字，可以帶小數
height
設定layout viewport的高度，這個屬性對我們並不重要，很少使用
user-scalable
是否允許使用者進行縮放，值為"no"或"yes", no 代表不允許，
yes代表允許
參考：描述的很詳細）
ionic 開發WebApp入門
在這個技術日新月異的情況下，學習是提高個人技術能錄的唯一路徑，下面就ionic 的入門做以下小結。私以為還是官網的資料最為準確。部門學習資料如下 菜鳥教程 ionic1 官方文件 中文翻譯部落格篇 感謝作者！大家在開發中會遇到諸多的坑，而填坑也是一件很有意思的事情，下面就本人在填坑過程中找到的好的資...
WebApp頁面開發小結
一 背景 公司需要開發乙個web頁面，需要支援主流android和ios手機，採用web頁面好處是乙個頁面，在不同平台之間都可以用，節省成本，基本html js和css大家也都熟悉。但是對比傳統網頁開發移動web開發還是有一定區別的。二 技術選擇 js框架用zepto.js 該框架語法幾乎和jque...
webapp 移動端開發
h5頁面視窗自動調整到裝置寬度，並禁止使用者縮放頁面 忽略將頁面中的數字識別為 號碼 忽略android平台中對郵箱位址的識別 將 新增到主螢幕快速啟動方式，僅針對ios的safari頂端狀態條的樣式 移動端如何定義字型font family body中文字型使用系統預設即可，英文用helvetic...