关于<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>

时间： 2024-08-29 22:40:40

关于<meta>的各种用处以及移动端的常见问题的相关文章

meta 标签关键字用处

您的个人网站即使做得再精彩,在“浩瀚如海”的网络空间中,也如一叶扁舟不易为人发现,如何推广个人网站, 人们首先想到的方法无外乎以下几种: l 在搜索引擎中登录自己的个人网站 l 在知名网站加入你个人网站的链接 l 在论坛中发帖子宣传你的个人网站很多人却忽视了HTML标签META的强大功效,一个好的META标签设计可以大大提高你的个人网站被搜索到的可能性, 有兴趣吗,谁我来重新认识一下META标签吧! META标签,是HTML语言HEAD区的一个辅助性标签.在几乎所有的page里,我们都可以看到

移动端的常见问题

常见问题 1.移动端如何定义字体font-family 三大手机系统的字体: ios 系统默认中文字体是Heiti SC 默认英文字体是Helvetica 默认数字字体是HelveticaNeue 无微软雅黑字体 android 系统默认中文字体是Droidsansfallback 默认英文和数字字体是Droid Sans 无微软雅黑字体 winphone 系统默认中文字体是Dengxian(方正等线体) 默认英文和数字字体是Segoe 无微软雅黑字体各个手机系统有自己的默认字体,且都不

移动端开发常见问题

1.去除iphone下input的默认样式: input { -webkit-appearance:none; border-radius: 0; } 2.禁止用户长按选择页面内容: body{ -webkit-user-select:none; } 3.实现:active效果: <body ontouchstart=""></body> 4.禁止ios自动识别号码: <meta name="format-detection" cont

移动端页面常见问题_II

控制显示区域各种属性: <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"> width - viewport的宽度 height – viewport的高度 initial-scale - 初始的

移动端页面常见问题

移动端页面在不同设备.不同操作系统 .不同运行环境下都可能造成各种各样的没有碰到过的的坑,相比曾经的IE6坑多了.下面先介绍一下4类具体常见的坑: 1.外观 A.页面高度渲染错误在各移动端浏览器中经常会出现这种页面高度100%的渲染错误,页面低端和系统自带的导航条重合了,高度的不正确我们需要重置修正它,通过javascript代码重置掉: document.documentElement.style.height = window.innerHeight + 'px'; B.叠加区高亮在部分

移动端Web Meta标签

原文 http://blog.segmentfault.com/jianjian_532633/1190000000654839 添加到推刊在介绍移动端特有 meta 标签之前,先简单说一下 HTML meta 标签的一些知识. meta 标签包含了 HTTP 标题信息 (http-equiv) 和页面描述信息 (name). http-equiv: 该枚举的属性定义,可以改变服务器和用户代理行为的编译.编译的值取content 里的内容.简单来说即可以模拟 HTTP 协议响应头. 最常见

meta你到底了解多少

最近看meta在移动端的使用,发现好多东西有必要整理一下. meta是神马?有神马作用? meta是用来在HTML文档中模拟HTTP协议的响应头报文.meta 标签用于网页的<head>与</head>中,meta 标签的用处很多.meta 的属性有两种:name和http-equiv.name属性主要用于描述网页,对应于content(网页内容),以便于搜索引擎机器人查找.分类(目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类).这其中最重要的是descrip

Meta标签以及viewport

meta是meta 标签用于网页的<head>与</head>中,meta 标签的用处很多.meta 的属性有两种:name和http-equiv. name属性主要作用:对应网页内容,以便于搜索引擎机器人查找.分类,其中最常用的是description和keywords:浏览器厂商定义的meta值,譬如ios的诸多属性移动端页面必带的viewport. http-equiv属性主要作用:用来在HTML文档中模拟HTTP协议的响应头,把 content 属性关联到 HTTP 头部.

移动端笔记总结

分辨率就是屏幕上横.纵的总象素点数.如果我们设计的时候用单位px,可以说是物理分辨率尺寸.如果我们设计的时候用单位pt,可以说是逻辑分辨率尺寸. =================================================== 默认情况下:手机按照桌面浏览器的分辨率显示,如果要在手机上显示需要加<meta>标签<meta name="viewport" content="width=device-width,initial-scale=