html5 兼容移动端参数设置的一些小细节

####head 里面的一些参数设置 ######1.设置字节编码用utf-8的形式去解析

<meta charset="utf-8">
复制代码

######2.设置兼容模式，定义用ie的引擎去解析该页面

<!-- meta:compat    快捷定义兼容模式，下面是用ie的罪行引擎去解析这个页面-->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
复制代码

快捷键出来的默认方式是IE=7，可以根据你的需要去做一定的修改

<meta http-equiv="X-UA-Compatible" content="IE=7">
复制代码

######3.设置设备的宽度与可视的区域一致，兼容移动和PC设备设置宽度，和缩放

 <meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no">
复制代码

解析：

width:device-width   设置设备的宽
initial-scale=1      设置缩放程度，1为不缩放
user-scalable=no     设置用户不可进行缩放操作**一般来说如果设置了用户不可以进行缩放操作，下面的设置就没有了意义minimum-scale        设置用户的最小缩放值，为一个数字，可以带小数
maximum-scale       设置用户的最大缩放值，为一个数字，可以带小数复制代码

######4.条件加载第三方库（工具包）在不同的浏览器中可能需要加载一些另外一些包，来拟补之前HTML5 之前没有的标签和新特性。以及根据IE的版本重置一些默认样式。

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --><!-- WARNING: Respond.js doesn't work if you view the page via file:// --><!--[if lt IE 9]><script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script><script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script><![endif]-->
复制代码

解析： 1.如果 lt（低于） IE9 则执行注释里面的代码 2.html5shiv.min.js html5 插件包，用于兼容低版本浏览器也能识别html5的标签 3.respond.min.js 重置一些基础的样式，统一各个浏览器的基础样式。 4.前面https://cdn. 是说明是从cdn 加载。

转载于:https://juejin.im/post/5a3217c0f265da431876c362

html5 兼容移动端参数设置的一些小细节相关推荐

FPGA+DSP SRIO通信（一）——DSP端参数设置（通道）
FPGA+DSP SRIO通信(一)--DSP端参数设置(通道) 原创 2017年04月19日 18:56:45 标签: SRIO-C66x 1217 经过漫长的探索之后,博主发现关于TI的板子调试和 ...
台达变频器s1参数设置_【智】台达变频器计数输入功能接线和参数设置详解
大家好,我是微控小智,今天又跟大家见面了.学习不是一蹴而就,需要坚持,做技术亦是如此,厚积才能博发. 今天分享台达VFD-M变频器计数输入功能接线和参数设置,仅供参考,希望和大家一起交流一起进步,有问 ...
计算机的iscsi配置,PC端的iSCSI参数设置方法
PC端的iSCSI参数设置方法上面介绍完NAS端的设置,接下来再来给大家介绍一下PC端的iSCSI设置,主要是实现在PC端上连接使用NAS上的iSCSI存储空间,这里我们以Windows 7 SP1 ...
Android 自定义拍照，解决图片旋转，拍照参数设置兼容问题
Android 自定义拍照,解决图片旋转,拍照参数设置兼容问题参考文章: (1)Android 自定义拍照,解决图片旋转,拍照参数设置兼容问题 (2)https://www.cnblogs.com/ ...
关于UnityPC端打包参数设置及发布PC端时固定分辨率
UnityPC端打包参数设置主要设置都在PlayerSettings里面 Company Name:设置公司名称 Product Name:设置项目名称,这个获取窗体句柄的时候用的到 Default ...
html移动端语音波纹,html5 +css3 点击后水波纹扩散效果兼容移动端
html5+ js +css3 点击后水波纹扩散效果兼容移动端-幸凡学习网 }.center{text-align:center}.btn{position:relative;width:13em; ...
【嵌入式开发】时钟初始化 ( 时钟相关概念 | 嵌入式时钟体系 | Lock Time | 分频参数设置 | CPU 异步模式设置 | APLL MPLL 时钟频率设置 )
文章目录一. 时钟相关概念解析 1. 相关概念术语 ( 1 ) 时钟脉冲信号 ( 概念 : 电压幅度时间间隔形成脉冲 | 作用 : 时序逻辑基础间隔固定根据脉冲数量可计算出时间 ) ( 2 ...
elementui el-from 怎样显示图片_vue2.0使用weui.js的uploader组件上传图片(兼容移动端)...
本文已同步到专业技术网站 www.sufaith.com, 该网站专注于前后端开发技术与经验分享, 包含Web开发.Nodejs.Python.Linux.IT资讯等板块. 最近在使用 vue2.0开 ...
layui进度条：调用、参数设置、动态渲染、数据热更新（含案例、代码）
文章目录 layui进度条:调用.参数设置.动态渲染.数据热更新 (含案例.代码) 一.demo案例 1.1. 应用 · 截图: 1.2. 案例 · 全部代码: 二.自定义案例 2.1. 部分代码: ...

html5 兼容移动端参数设置的一些小细节

html5 兼容移动端参数设置的一些小细节相关推荐

最新文章

热门文章