bootstrap不支持ie9怎么办

 时间:2024-10-28 15:24:39

1、新建一个html文件,命名为test.html,用于介绍如何解决bootstrap在IE9浏览器的兼容问题。

bootstrap不支持ie9怎么办

2、在head头部标签内,使用meta标签定义content="IE=edge",即最新的IE版本模式来显示网页;使用content="width=device-width, initial-scale=1"定义自动适应手机屏幕的宽度。

bootstrap不支持ie9怎么办

3、在head头部标签内,使用link标签加载bootstrap.min.css样式文件,这是使用bootstrap布局必须加载的文件。

bootstrap不支持ie9怎么办

4、在head头部标签内,加载两个js文件,一个是html5shiv.min.js,另一个是respond.min.js文件,这两个文件主要实现IE9对HTML5元素和媒体查询(media queries)标签的支持。

bootstrap不支持ie9怎么办

5、在body标签内,使用ul li创建一个下拉框,并且使用bootstrap来实现布局和下拉的功能。

bootstrap不支持ie9怎么办

6、再加载jquery.min.js库文件和bootstrap.min.js文件,这是bootstrap实现功能(例如弹窗、导航)必须加载的两个文件。

bootstrap不支持ie9怎么办

7、在IE9浏览器运行test.html文件,查看运行的效果,成功兼容IE9实现下拉菜单。

bootstrap不支持ie9怎么办
  • 电脑回收站已清空后数据怎么恢复?
  • Java如何获得手机设备信息
  • win10系统是在哪里切换国家
  • Xftp怎么新建连接会话
  • 简单易做的——玉米燕麦浆
  • 热门搜索
    路由器怎么设置密码 硬盘有坏道怎么修复 白菊花泡水喝的功效 iphone怎么导入视频 河北省旅游地图 怎么改电脑字体 怎么办理400电话 孕妇胃酸烧心怎么办 西雅图旅游 路由器连不上网