1.優先使用最新版本的IE和Chrome

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

2.關閉IOS鍵盤首字母自動大寫

<input type="text" autocapitalize="off" />

3.移動端取消touch高亮效果

html {-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

4.禁止保存或拷貝圖片

img { -webkit-touch-callout: none; }

5.移動端適配js

<script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js"></script>

?6.IOS下input有陰影

input, textarea {border: 0; /* 方法1 */-webkit-appearance: none; /* 方法2 */ }

?7.雙核瀏覽器默認以其內核渲染

<meta name="renderer" content="webkit">//默認webkit內核<meta name="renderer" content="ie-comp">//默認IE兼容模式<meta name="renderer" content="ie-stand">//默認IE標準模式//例如360極速瀏覽器，因為國內IE瀏覽器盛行，一些銀行系統只能用IE瀏覽器運行，在雙核瀏覽器下就可以指定renderer屬性默認以其內核渲染

?

轉載于:https://www.cnblogs.com/xueweijie/p/6841116.html

總結

以上是生活随笔為你收集整理的关于meta的各种用处以及移动端的常见问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。