Question

我管理的网站有100多个页面，最近更新为使用Bootstrap-4和Flexbox。问题是，通过Internet Explorer 10+查看时，许多页面都中断了。与其将代码重写为目标Internet Explorer，我们不希望在模态内弹出一条消息，建议用户升级其浏览器。但是，我只希望在用户使用IE查看我们的网站时显示此消息。由于在IE10中禁用了条件注释，因此不能选择。我已经搜索了SO和Google，寻找了答案，但没有任何运气。

Answer 1

尝试使用下面的代码进行测试可能会帮助您识别IE 10版本。

<!DOCTYPE html>
<html>
<head>
	<title>Page Title</title>
	<script>
	if (navigator.appVersion.indexOf("MSIE 10") !== -1)
{
    window.alert('This is IE 10');
}
	</script>
</head>
<body>
	sample text
</body>
</html>

IE 10中的输出：

Answer 2

我发现@supports (display: grid) {对于此问题有效，对于不支持flexbox的旧版浏览器来说，它有一个后备功能。

仅在使用Internet Explorer 10+时才发出消息警报

2 个答案: