第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時(shí)綁定郵箱和手機(jī)立即綁定

boostrap兼容ie8的方法

標(biāo)簽:
JQuery CSS3 前端工具

最近在写一个金融平台的项目,因为要用到boostrap,所以挺高兴,觉着这玩意儿一直都挺趁手的,于是各大主流浏览器测了个遍,哎,妥妥儿的。于是就把IE这位爷爷给忘了,接着就是测试,然后就是各种不兼容,各种坑,填了一个又一个,下面对遇到的主要的大坑及解决方案做一汇总:(当然也不是原创,都也是在各大博客搜沙捡金,然后自己再填点儿)

 第一大坑:
 其实boostrap对IE9-11都支持的蛮不错的,主要是坑在了IE6-8,为什么呢?

 1. jquery版本问题:
     现在的jquery2.X版本已经不再很好的支持IE6-8了,所以,凡是用了2.几以上的最好是在IE6-8切换一下jquery版本。具体方法:
      <!--[if lt IE 9]>
             <script>jquery1.10.2版本(举例)</script>
      <![endif]-->    
  2.IE6-8不支持boostrap媒体查询,所以会出现IE8布局被横向压扁。怎么破?

     插件1:respond.js    最新版下载地址  
     这个东东主要是告诉IE6-8的浏览器,要正常的根据媒体查询渲染页面,不然给你好看!用了之后的效果就是恩,页面正常了。。。

     插件2:html5shiv.js  最新的下载地址  (复制粘贴,你懂得)         这个插件主要是保证不支持html5的浏览器变得支持,恩。。。

     插件3:boostrap-ie78  地址没找到。。。靠你们啦
     这个插件更有意思,就是要让boostrap的按钮什么的样式效果在IE6-8里边也得是正常显示,人模狗样的。。(打嘴)

     当然这些插件还是不是百分百管住IE,还得hack一下子的。。
3.meta 标签:
   这个。。。慢慢说
   标签1:<meta http-equiv="X-UA-Compatible" content="IE=11; IE=10; IE=9; IE=8; IE=7; IE=EDGE" />  看这里,你会懂得更多      标签2:没了。

第二大坑:要么boostrap和那些插件全部引用CND的,要么就下载下来放在本地的css、js文件夹里!

             要么boostrap和那些插件全部引用CND的,要么就下载下来放在本地的css、js文件夹里!

             要么boostrap和那些插件全部引用CND的,要么就下载下来放在本地的css、js文件夹里!

             重要的话 !说三遍!!!三遍!! 三遍!

             要么就。。。你看着办

             言归正传,之后最好是把网页上传到本地服务器上再测试兼容性,不然你会吃亏的。
點(diǎn)擊查看更多內(nèi)容
7人點(diǎn)贊

若覺得本文不錯(cuò),就分享一下吧!

評論

作者其他優(yōu)質(zhì)文章

正在加載中
感謝您的支持,我會(huì)繼續(xù)努力的~
掃碼打賞,你說多少就多少
贊賞金額會(huì)直接到老師賬戶
支付方式
打開微信掃一掃,即可進(jìn)行掃碼打賞哦
今天注冊有機(jī)會(huì)得

100積分直接送

付費(fèi)專欄免費(fèi)學(xué)

大額優(yōu)惠券免費(fèi)領(lǐng)

立即參與 放棄機(jī)會(huì)
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號

舉報(bào)

0/150
提交
取消