关于meta的各种用处以及移动端的常见问题

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的各种用处以及移动端的常见问题相关推荐

meta标签的用处详解
meta标签的用处: 用来描述html文档的一个属性.列如作者.日期和时间,网页描述,关键字,页面刷新等. 是文档最基本的元数据元数据(metadata): 用来概括描述数据的一些基本数据 meta ...
移动端H5常见问题以及解决方案
移动端H5常见问题以及解决方案问题下面列举了我遇到的一些常规问题,如有遇到其他问题的请在评论区补充,之后我也会实践加以补充,感谢! 以下解决方案,均经过我测试成功,健康安全,请放下食用.由于篇幅问 ...
移动端页面不需要在meta加_整理一下移动端的一些常用 meta
一.html中meta标签meta标签是什么?META标签是HTML语言HEAD区的一个辅助性标签 meta标签是干什么用的?META标签用来描述一个HTML网页文档的属性,例如作者.日期和时间.网页 ...
大新闻｜高通将为Meta定制VR芯片，Quest端Beat Saber售出650万份
本周大新闻,AR方面,苹果申请多个含"Reality"的商标:Snap裁员20%+业务调整,减少Spectacles投资:WebXR标准组主席加入苹果:美军IVAS新增360°环境 ...
ionic angular h5 移动端开发常见问题记录及各位同僚的解决办法
目录 ios和android唤起软键盘问题 ionic 使用ng-zorro-antd-mobile报错 angular rem移动端适配移动端唤起电话号拨号键盘 ionic 栅格 grid 取消其 ...
meta你到底了解多少
最近看meta在移动端的使用,发现好多东西有必要整理一下. meta是神马?有神马作用? meta是用来在HTML文档中模拟HTTP协议的响应头报文.meta 标签用于网页的<head>与 ...
关于@media不生效的问题和meta总结
1:之前做的是两套页面.现在改成响应式布局.发现加上 @media only screen and (max-width: 500px) { .gridmenu { width ...
一个由SEO优化展开的meta标签大讲解
您的个人网站即使做得再精彩,在"浩瀚如海"的网络空间中,也如一叶扁舟不易为人发现,如何推广个人网站,人们首先想到的方法无外乎以下几种: ● 在搜索引擎中登录自己的个人网站 ● 在知 ...
关于meta的一些知识
今天在查看有关SEO的文章时发现原来meta原来在网页设计中有着举足轻重的地位,奈何我以前一直都忽略了这个对象,可能有很多刚进入网页设计领域的人都会像我一样,所以今天特意查看了一下DHTML手册,并将 ...

关于meta的各种用处以及移动端的常见问题

关于meta的各种用处以及移动端的常见问题相关推荐

最新文章

热门文章