看看別人的註釋

•     瀏覽器製造商 --pc相容性問題--使用者體驗
•     手機制造商 --移動端相容問題--使用者體驗
•    前端開發永遠和使用者體驗鬥智鬥勇

demo1 : viewport  裝置寬度=網頁寬度=設計稿寬度

•  viewport  width 裝置寬度=網頁寬度=設計稿寬度
•  user-scalable 使用者是否可縮放
•  target-densitydpi 目標畫素點  --不會發生預設縮放
•  viewport-fit=cover--使頁面佔滿整個螢幕

// 根據設計稿的寬度來傳參 比如640 750 1125
!function(designWidth){
	if (/Android(?:\s+|\/)(\d+\.\d+)?/.test(navigator.userAgent)) {

		var version = parseFloat(RegExp.$1);
		if (version > 2.3) {
			var phoneScale = parseInt(window.screen.width) / designWidth;
			document.write('<meta name="viewport" content="width=' + designWidth + ',minimum-scale=' + phoneScale + ',maximum-scale=' + phoneScale + ', target-densitydpi=device-dpi">');
		} else {
			document.write('<meta name="viewport" content="width=' + designWidth + ',target-densitydpi=device-dpi">');
		}
	} else {
		document.write('<meta name="viewport" content="width=' + designWidth + ',user-scalable=no,target-densitydpi=device-dpi,minimal-ui,viewport-fit=cover">');
	}
}(640);