模态在移动设备和桌面设备之间切换



我的应用程序在所有浏览器中都运行良好,但在IE上却无法正常工作,正是在IE 11中。当我打开一个模态时,有时它会在桌面 css 版本上打开,而另一些则在移动 css 版本中打开。它只发生在IE中。

是否存在IE配置问题或某些元标记问题?

<head>
    <link rel="icon" href="images/favicon.png">
    <!-- <link rel="icon" href="life-drainuse/images/favicon.png">  -->
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>Title</title>
    <link href="bootstrap-3.3.5-dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

一种解决方法是在 javascript 中触发调整大小event,但这不是很好的解决方案。我不能给你更好的反馈,但尝试解决方法作为修补程序。但是如果你在jsfiddle中重现它会更好

最新更新