mate 10 大功能 http://www.pcnet.idv.tw/pcnet/html/17.htm

meta X-UA-Compatible 設置 IE 兼容模式

http://injerry.pixnet.net/blog/post/57042465-%E3%80%90html%E6%95%99%E5%AD%B8%E3%80%91x-ua-compatible%E8%A8%AD%E7%BD%AEie%E5%85%BC%E5%AE%B9%E6%A8%A1%E5%BC%8F

始終強制最新的 IE 渲染引擎和 Chrome Frame

<meta http-equiv="X-UA-Compatible" content="IE=edge">

Responsive and mobile friendly stuff

設定meta標籤，對手機版網站的SEO（搜索引擎優化）、 手機瀏覽器的展示，都有重要的幫助。 https://www.motype.org/post/design/meta-tag-for-mobile-device#fn2

<meta name="HandheldFriendly" content="True">
/* 告诉浏览器页面是否为手持设备优化，
会被 MobileOptimized 覆盖 
(旧浏览器和功能、机上某些浏览器识别) */

<meta name="MobileOptimized" content="480">
/* 告诉浏览器页面为某个宽度特殊优化 (微软系) */

/* <meta name="viewport" content="width=device-width, initial-scale=1.0"> */
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">

/* viewport 告訴瀏覽器，目前裝置有多寬(或多高)，以便在**縮放**時有個基準。尤其當設定頁面寬度需自動調整時，如寬度 100% 或螢幕由垂直轉為水平，viewport 大小是一個根據。
縮放係數為 1.0 或 100％ 對應於無縮放。
較大的值放大。較小的值縮小。
https://hsinyu00.wordpress.com/2011/04/05/mobile-web-viewport/ 
- width:[數字] 或 device-width
- height:[數字] 或 device-height
- initial-scale:最小0.25，最大5
- minimum-scale:最小0.25，最大5
- maximum-scale:最小0.25，最大5
- user-scalable:1 或 0 (yes 或 no)

**MDN** https://developer.mozilla.org/zh-TW/docs/Web/CSS/@viewport
*/

Apple 私有

<meta name="apple-mobile-web-app-capable" content="yes" />
/* 启用 webapp 模式，会隐藏工具栏和菜单栏 */
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
/* 启用 webapp 模式后，定义顶栏的颜色，值为 default (白色) | black (黑色) | black-translucent (半透明)
format-detection */

<meta name="format-detection" content="telphone=no, email=no" />
/* 电话号码和邮箱识别 */