位置: 编程技术 - 正文

全系IE支持Bootstrap的解决方法(ie8不支持)

编辑:rootadmin

推荐整理分享全系IE支持Bootstrap的解决方法(ie8不支持),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:ie10支持flex吗,ie不支持window.open,ie10支持flex吗,ie10支持flex吗,ie不支持es6,ie不支持es6,支持ie11的系统,ie不支持window.open,内容如对您有帮助,希望把文章链接给更多的朋友!

最近做一个Web网站,之前一直觉得bootstrap非常好,这次使用了bootstrap3,在chrome,firefox,safari,opera,浏览器(极速模式)、搜狗浏览器等浏览器下均没有问题,而在IE8及IE下发现样式无法显示,然后各种百度啊,最后在一个网友帖子的帮助下解决了问题,先将解决方法总结如下:

首先需要确保你的HTML页面开始部分要有DOCTYPE声明。DOCTYPE告诉浏览器使用什么样的HTML或XHTML规范来解析HTML文档,具体会影响:

对标记attributes 、properties的约束规则对浏览器的渲染模式产生影响,不同的渲染模式会影响到浏览器对于CSS代码甚至JavaScript脚本的解析DOCTYPE是非常关键的,目前的最佳实践就是在HTML文档的首行键入:

大神的帖子总结的bootstrap的查找原因好几条,首先,Bootstrap3 是移动设备优先的原则开发的,所以原因可能如下:

1.没有正确调用远程地址

即只要是IE9以下,就调用两个专门的js

但是我测试发现仅仅使用以上js文件不可行,

2.调用方法不正确

全系IE支持Bootstrap的解决方法(ie8不支持)

不要用 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-equiv="X-UA-Compatible" content="IE=9" />然后就可以了内核控制Meta标签,因为目前国内的主流浏览器都是双内核,故而添加meta标签来告诉浏览器使用什么内核来渲染页面

4.IE8不支持container的几个属性

IE8不完全支持box-sizing:border-box与min-width, max-width, min-height或max-height的一起使用.所以,v3.0.1的bootstrap中对container的类,已经不再使用max-width了。

5.JS与CSS的引入顺序导致的问题

必须先引用css在引用js

6.DOCTYPE前后有空行

<!DOCTYPE html>这里有空格也不行,要去掉空格<html>

7.也可以手动修改bootstrap.css如果您使用的是bootstrap2.1.1,修改了navbar-inner{ filter:none}可解决问题,如果使用的是3.0+版的,没有这段代码了,详细介绍请看连接 mode(兼容模式)

定义网页时,向后兼容旧的浏览器的模式就是quirks mode,与之对应的是“标准模式”就是 standard mode。具体是将<!DOCTYPE html>写成以前的这种<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.//EN" " type="text/javascript" src="js/jquery.placeholder.js"></script>jquery.placeholder.js这个文件的下载地址

详解JavaScript数组的操作大全 本文给大家介绍js数组的操作非常详细,感兴趣的朋友一起学习本篇文章吧。1、数组的创建vararrayObj=newArray();//创建一个数组vararrayObj=newArray([size]);//创建

js验证身份证号有效性并提示对应信息 直接上代码,逐行对代码进行研究,一定会有所收获。functionnunber(allowancePersonValue){if(allowancePersonValue=="身份证号"){$("#span_username").show();$("#span_username").htm

JS实现带有3D立体感的银灰色竖排折叠菜单代码 本文实例讲述了JS实现带有3D立体感的银灰色竖排折叠菜单代码。分享给大家供大家参考,具体如下:这是一款超酷的可以用到网页左侧的银灰色竖排多

标签: ie8不支持

本文链接地址:https://www.jiuchutong.com/biancheng/381611.html 转载请保留说明!

上一篇:JS+CSS实现分类动态选择及移动功能效果代码(js实现商品分类)

下一篇:详解JavaScript数组的操作大全(js数组操作方法)

  • 不能抵扣的进项抵扣了
  • 工程会计税率
  • 跨年度的租金收入如何入账
  • 申报表货物及劳务是什么
  • 个人所得税纳税义务人
  • 发票专票抵扣
  • 企业出租房屋增值税发票怎么开
  • 市场营销策划开题报告
  • 零申报资产负债表年初与期末数
  • 当月已抵扣的专用发票能作废吗
  • 政府扶持企业资金要交税吗
  • 商品房的销售方式有哪些
  • 营改增后服务业增值税税率
  • 转让财产收入计入哪个科目
  • 管理费用的明细科目怎么写
  • 产品成本科目包括
  • 耕地占用税完税证明有什么用
  • 报税没有申报现金流量表
  • 营改增开始试点到普及的行业
  • 专票作废流程是什么意思
  • 公司与政府协议
  • 拍卖中,必须规定一切税费由买受人承担吗?
  • 美国税改“梦想”很丰满,显示很骨感
  • 外购软件可以加计扣除吗
  • 工程决算条件
  • 房地产开发项目土地使用权的取得方式
  • 印花税的计税依据是销项和进项的金额
  • win10 删除文件 没有找到项目
  • linux系统中配置网卡ip地址的命令为
  • 企业能公户往个人转账吗
  • wp网站迁移
  • 抵债资产会计核算
  • 股权收购特殊性税务处理案例
  • PHP:pcntl_signal_dispatch()的用法_PCNTL函数
  • 股票发行费用怎么算
  • 最小计算机系统包括
  • php访问mysql的五个基本步骤
  • php中\n
  • 手续费及佣金收入会计分录
  • websocket()
  • 无法报销的原因
  • phpcms教程
  • 如何修改php.ini
  • 公司缴纳社保应该怎么做账
  • 织梦相关文章调用
  • 电子章打印不来
  • 如何进行会计制度改革
  • 营改增后企业所得税是国税还是地税
  • 普通发票的开具规定是?
  • 找到一款
  • 差旅费报销时如何处理
  • 小企业长期股权投资减值损失采用直接转销法
  • 银行承兑汇票提示付款期为几天
  • 公司房租发票是法人名字能入账吗安全吗
  • 长期待摊费用待摊费用
  • 代扣个税返还需要交增值税吗
  • 分配现金股利的顺序
  • sql中的存储过程是干嘛用的
  • 最新mysql数据库安装步骤
  • mysql5.5解压版安装教程
  • 安装 apt
  • windows7 记事本
  • 让mac桌面变整洁的方法
  • 电脑avg是什么软件
  • pps是什么文件
  • win8.1文件夹选项
  • win7系统桌面右键没有个性化
  • win8虚拟内存怎么设置最好
  • cocos2dx CardinalSpline和CatmullRom算法
  • Jquery ajax 同步阻塞引起的UI线程阻塞问题
  • cocos2dx-js
  • java密码强度检验工具
  • unity 1
  • python中二维列表的定义
  • javascript数组的本质
  • 置顶是怎么弄的
  • python 元类的作用
  • win7怎么装python3.8
  • jquery datatable排序
  • 外地人在上海奉贤区买房需要什么条件
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设