360、IE等浏览器对bootstrap的影响
笔者开发的web程序部署上线后发现,bootstrap的菜单不显示,开发时候用chrome没有发现问题,在360浏览器上跑,发现360默认的是兼容模式,切换到极速模式就能够显示菜单了。
但是这样的用户体验不好,总不能让用户每次都自己切换,于是开始找办法。
在<head>标签里加入下面代码
<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
<meta http-equiv="X-UA-Compatible" content="IE=9" />
解释如下:
针对浏览器的内容做标识(使用meta标签调节浏览器的渲染方式)
bootstrap不支持IE兼容模式,为了让IE浏览器运行最新的渲染模式,将添加以下标签在页面中
<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
IE=edge表示强制使用IE最新内核,chrome=1表示如果安装了针对IE6/7/8等版本的浏览器插件Google Chrome Frame(可以让用户的浏览器外观依然是IE的菜单和界面,但用户在浏览网页时,实际上使用的是Chrome浏览器内核),那么就用Chrome内核来渲染。关于此meta标签的具体说明,可参见StackOverflow上的精彩回答,<meta>标签高人的英文解释可以参看
http://stackoverflow.com/questions/6771258/whats-the-difference-if-meta-http-equiv-x-ua-compatible-content-ie-edge-e
我又加了一句
<meta http-equiv="X-UA-Compatible" content="IE=9" />
然后就可以了
内核控制Meta标签,因为目前国内的主流浏览器都是双内核,故而添加meta标签来告诉浏览器使用什么内核来渲染页面
原文部分内容来自:http://www.dailibu.com/javascript/2016052288/bootstrapBuZhiChiIEJianRongMoShi
360、IE等浏览器对bootstrap的影响的更多相关文章
- 浏览器的自动翻译会影响 JS 逻辑
		有人在 QQ 群里反馈,官方注册后跳转时出现 Bug. 收到群友非常有用的资讯,这是因为浏览器的自动翻译功能引起的. 11:04:21[潜水]Better Command 2017/12/30 11: ... 
- firefox浏览器中 bootstrap 静态弹出框中select下拉框不能弹出(解决方案)
		问题出现场景1: 在firefox浏览器中在bootstrap弹出的modal静态框中再次弹出一个静态框时 select下拉框不能弹出选项 解决方案:去掉最外层静态框的 tabindex=" ... 
- 用meta name="renderer" content="webkit|ie-comp|ie-stand"来切换360双核安全浏览器的极速模式和兼容模式
		以下信息摘自360官方网站: 浏览模式:极速模式.兼容模式及IE9高速模式是360浏览器显示网页时使用的三种模式:极速模式表示极速模式兼容模式表示兼容模式IE9IE10模式表示IE9/IE10模式(仅 ... 
- IE中cookie问题,带下划线的前置域名会不给设cookie,谷歌和火狐浏览器则不受影响
		!! WARNING !!: Server hostname contains an underscore and this response sets a cookie. Internet Expl ... 
- 页面点击任意js事件,触发360、IE浏览器新页面
		在<head></head>标签中 <base target=_self> 不会再增加页面 
- ie.360,qq浏览器这种ie内核浏览器默认阻止弹窗
- 【CPU】解决打开360或者Chrome浏览器CPU占用过高
		cmd 运行: RD /s /q "%USERPROFILE%\AppData\Roaming\Microsoft\Protect" 
- Bootstrap 4/3 页面基础模板 与 兼容旧版本浏览器
		Bootstrap 3 与 4 差别很大,目录文件结构.所引入的内容也不同,这里说说一下 Bootstrap 引入的文件.网页模板和兼容性问题.本网站刚刚搭建好,正好发一下文章原来测试网站. Boot ... 
- oracle数据库 网页管理360浏览器登录不上
		使用谷歌浏览器可以登陆,然后在使用360之类的浏览器 就可以登录了 
随机推荐
- 关于java中的编码问题
			ok,今天搞了一天都在探索java字符的编码问题.十分头疼.最后终于得出几点: 1.网上有很多博客说判断一个String的编码的方法是通过如下代码;但其实这个代码完全是错的,用一种编码decode后, ... 
- Note: Differentially Private Access Patterns for Searchable Symmetric Encryption
			The Core Issues and Ideas of This Paper Problem Baseline Searchable Symmetric Encryption (SSE) could ... 
- CodeForces 106C 【DP】
			题意: n g dough m种商品? 每种有ai stuffing, 拿bi stuffing + ci dough -> di tugriks rest c0 dough -> d0 ... 
- hdu3830(lca + 二分)
			题目链接: http://acm.hdu.edu.cn/showproblem.php?pid=3830 题意: 有三个点 a, b, c, 对于其中任意一点 x 可以跨过一个点移动到另一个位置, 当 ... 
- Lotus Notes 学习笔记
			这是一个学习关于如何使用Lotus Notes的Agent功能来实现自动化办公的学习笔记. 一. 介绍 Lotus Notes/Domino 是一个世界领先的企业级通讯.协同工作及Internet/I ... 
- Java按模板导出Excel———基于Aspose实现
			目录 开发环境 先看效果 引入jar包 校验许可证 导出方法 测试结果 占位符 开发环境 jdk 1.8 Maven 3.6 SpringBoot 2.1.4.RELEASE aspose-cells ... 
- SaltStack自动化安装配置haproxy的Keepalived
			keepalived配置安装 什么是vrrp,阿里云不支持组播,所以阿里云上不能配置keepalived,但是它有自己的slb.运维的大忌,在命令行复制粘贴,一般是先复制到文本中查看确认以后salt编 ... 
- jvm 锁Lock
			自旋锁 线程想要获得一个对象的锁,如果没有得到,会继承占用CPU尝试获取锁, 线程不进入阻塞状态,仍然在Running 锁消除 public void lockTest() { String aa = ... 
- 关闭异常进程bat格式文件
			当电脑反应慢可能时某些进程运行导致,可将进程名称添加至bat文件中,形成脚本,快速关闭 操作方法:新建*.txt文件,将进程名以如下方式,添加至文件中,保存并修改文件名称为“*.bat”,window ... 
- HDU 5792   L - World is Exploding 。容斥原理 + 树状数组 + 离散化
			题目,要求找出有多少对这样的东西,四个数,并且满足num[a]<num[b] &&num[c]>num[d] 要做这题,首先要懂得用树状数组,我设,下面的小于和大于都是严格 ... 
