meta标签
2018-06-24 00:15:30来源：未知 阅读 ()
1、viewport
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
（1）width 控制viewport的大小，可以指定一个值，如640或者特殊的值；device-width为设备的宽度（单位为缩放为100%的CSS的像素）；
（2）initial-scale 初始缩放比例，页面第一次加载时的缩放比例；
（3）maximum-scale 允许用户缩放到的最大比例，范围从0到10.0；
（4）minimum-scale 允许用户缩放到的最小比例，范围从0到10.0；
（5）user-scalable 用户是否可以手动缩放，值可以是：yes或true允许用户缩放；no或false不允许用户缩放；
2、content="IE=edge"
<meta http-equiv="X-UA-Compatible" content="IE=edge">
X-UA-Compatible是IE8的一个专有<meta>属性，它告诉IE8采用何种IE版本去渲染网页，在html的<head>标签中使用；
IE=edge，如果系统安装ie8或以上版本，则使用最高版本ie渲染；否则，这个设定可以忽略。
3、renderer
<meta name="renderer" content="webkit|ie-comp|ie-stand">
指定双核浏览器默认以何种方式渲染页面。
webkit 默认webkit内核；
ie-comp 默认IE兼容模式；
ie-stand 默认IE标准模式；
而webkit|ie-comp|ie-stand这种写法是按照顺序排他的优先级，不支持则往下，浏览器将会按照从左到右的先后顺序选择其具备的渲染内核来处理当前网页。
目前支持对其提供支持的浏览器有:360
4、apple-mobile-web-app-title
<meta name="apple-mobile-web-app-title" content="博客园">
在发送到屏幕的时候默认的命名
5、format-detection
1 <meta name="format-detection" content="telephone=no" /> //告诉设备忽略将页面中的数字识别为电话号码 2 <meta name="format-detection" content="email=no" /> //不让android识别邮箱
6、清除缓存
1 <meta http-equiv="Pragma" content="no-cache"> 2 <meta http-equiv="Cache-Control" content="no-cache"> 3 <meta http-equiv="Expires" content="0">
微信浏览器缓存严重又无刷新；这个方法调试的时候很方便
标签：
版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有
上一篇：sass中级语法
- HTML基础01 2020-06-07
- 前端学习记录 2020-06-05
- [03]HTML基础之行内标签 2020-06-01
- HTML 5的革新——语义化标签section和article的区别 2020-06-01
- [05]HTML基础之表格标签 2020-06-01
IDC资讯： 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营： 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程： Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术： Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧： 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作： FrontPages Dreamweaver Javascript css photoshop fireworks Flash
