在 android 和 iPhone 裡的 viewport 都設定同樣的寬度

要在 android 和 iphone 的手機版網頁中，都設定相同的 viewport 寬度是非常困難的。

1. width=device-width 不能用，因為不同手機都有不同的預設寬度：
   iPhone 4,5/6/6+ 的度寬分別為  320, 375 和 414
   android 手機的寬度則有 320, 360 和 400
2. 如果設定 width=360 或 width=400 呢？ iPhone 無法辨識
3. 如果設定 width=320, initial-scale=0.8 呢？ iPhone 看得懂，但 android 看不懂，除非user-scalable=0

所以我這邊的解法則是經由 javascript 來控制 viewport: