笔记整理

Posted 2020-08-15

头部标签

meta标签

<meta charset=‘uft-8’>
　　<!--设置编码，防止中文出现乱码--->
<meta name="viewport" content="width=device-width,height=device-height, user-scalable=yes initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, minimal-ui"/>
　　<--viewport：视图窗口，其中width:viewport的宽度，值为像素值或者device-width,minimal-ui在网页加载时隐藏地址栏与导航栏（iso7.1新增）,target-densitydpi可以以是dpi_value,device-dpi,high-dpi,medium-dpi,low-dpi，是指目标屏幕像素密度。-->    
<meta name="apple-moblie-we-app-Capable" content="yes"/>
　　<!--是否启动webapp功能，会删除默认的苹果工具栏和菜单栏-->
<meta name="apple-moblie-web-app-status-bar-style" content="black"/>
　　<!--当启动webapp功能式，显示手机信号、时间、电池的顶部导航栏的颜色，默认值为default（白色），可以定位black和black-translucent（灰色半透明）。-->
<meta name="format-detection" content="telephone=no,email=no" />　　<!--忽略页面中的数字识别为电话号码和识别email-->
<meta name="renderer" content="webkit">
 　　<!-- 启用360浏览器的极速模式(webkit) -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
　　 <!-- 避免IE使用兼容模式 -->
<meta name="HandheldFriendly" content="true">
　　<!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
<meta name="MobileOptimized" content="320">
　　<!-- 微软的老式浏览器 -->
<meta name="full-screen" content="yes">
　　<!-- UC强制全屏 -->
<meta name="screen-orientation" content="portrait">
　　<!-- uc强制竖屏 -->
<meta name="browsermode" content="application">
　　<!-- UC应用模式 -->
<meta name="x5-fullscreen" content="true">
　　<!-- QQ强制全屏 -->
<meta name="x5-orientation" content="portrait">
　　<!-- QQ强制竖屏 -->
<meta name="x5-page-mode" content="app">
　　<!-- QQ应用模式 -->
<meta name="msapplication-tap-highlight" content="no">
　　<!-- windows phone 点击无高光 -->