bootstrap不支持ie9怎么办

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

  • 2

    在head头部标签内,利用meta标签界说content="IE=edge",即最新的IE版本模式来显示网页;利用content="width=device-width, initial-scale=1"界说主动顺应手机屏幕的宽度。

  • 3

    在head头部标签内,利用link标签加载bootstrap.min.css样式文件,这是利用bootstrap结构必需加载的文件。

  • 4

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

  • 5

    在body标签内,利用ul li建立一个下拉框,而且利用bootstrap来实现结构和下拉的功能。

  • 6

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

  • 7

    在IE9浏览器运行test.html文件,查看运行的结果,当作功兼容IE9实现下拉菜单。

    • 发表于 2019-08-10 18:07
    • 阅读 ( 1135 )
    • 分类:其他类型

    你可能感兴趣的文章

    相关问题

    0 条评论

    请先 登录 后评论
    联系我们:uytrv@hotmail.com 问答工具