我的引导主题显示如7-8的手机和平板电脑兼容性?

时间:2014-02-20 04:58:52

标签: css twitter-bootstrap

如何解决它 我正在使用bootstrap 3.1.0当我运行ie时,它对crome和mozilla有响应 然后所有'span'元素显示在桌面和导航选项卡的完整视野上也显示

<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8">
<title>Adding Twitter Bootstrap 3 ScrollSpy via Data Attributes</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link href="css/bootstrap-theme.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/styles.css">


    <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery.easing.1.3.js"></script>
    <script src="js/jquery.scrollTo-1.4.3.1-min.js"></script>
    <script src="js/default.js"></script>

请提前帮助我

2 个答案:

答案 0 :(得分:0)

IE 7/8不支持CSS3媒体查询。

您需要使用respond.jshttps://github.com/scottjehl/Respond)等javascript / jquery解决方案来实现“类似”功能。

答案 1 :(得分:0)

您必须使用 jquery respond.js插件才能在i-e中获得结果。因为Internet Explorer不接受min-width和max-width ...你可以通过使用respond.js google respond.js得到它,你会立刻做到。问候