Question

我很困惑！我制作了一个简单的网页，只显示图像和一些文字。它具有响应性，在Firefox，Chrome，Safari和Internet Explorer 10中运行良好，但在Internet Explorer 11中无效。

问题是它没有响应，它需要很长时间才能加载，并且它不会在Internet Explorer 11中显示Font Awesome图标。这可能是什么原因以及如何解决这个问题？真的提前帮助，因为当我谷歌周围时，我无法找到任何解决方案。谢谢！

@import url(http://fonts.googleapis.com/css?family=Shadows+Into+Light);

a {
text-decoration: none;
color: #2952a1;
}

html
{
overflow-y: scroll;
}

body {
margin:0; 
padding:0; 
height:100%; 
color: #7F7F7F;
height: 100%;
}

#wrapper {
margin-top: 2%;
width: 100%;
height: 100%;
}

#card {
height: 100%;
margin: 0 auto;
width: 80%;
}

#mobileH1 {
display: none;
}

#desktopH1 {
display: block;
}

#leftSide {
height: auto;
float: left;
width: 50%;
}

#rightSide {
padding-top: 5%;
float: right;
width: 49%;
height: auto;
}

#leftSide img {
display: block;
height: auto;
width: 100%;
padding-top: 1%;
margin: 0 auto;
}

h1 {
text-align: left;
font-family: 'Shadows Into Light', cursive;
font-weight: 400;
font-size: 55px;
margin: 0;
}

p {
font-family: 'Dancing Script', cursive;
font-family: 'Shadows Into Light', cursive;
font-size: 28px;
margin: 0;
padding: 10px;
}

@media only screen and (min-width: 150px) and (max-width: 768px)
{

#mobileH1 {
display: block;
}

#desktopH1 {
display: none;
}

#card {
width: 90%;
}

#leftSide {
width: 100%;
}

#rightSide {
float: left;
padding-top: 0;
width: 100%;
}

#leftSide img {
width: 80%;
padding-top: 1%;
}

h1 {
font-size: 36px;
text-align: center;
}

p {
font-size: 24px;
}

}

@media only screen and (min-width: 150px) and (max-width: 320px)
{
h1 {
font-size: 28px;
text-align: center;
}
}

<!DOCTYPE html>
<html lang="sv"> 
<head>
	<title>Konstkort & affischer</title>
	<meta name="description" content="Description text" />
	<meta name="viewport" content="width=width-device, initial-scale=1" />
	<meta charset="utf-8" />
	<link href="stylesheet.css" rel="stylesheet" type="text/css">
	<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
	
<!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<!-- css3-mediaqueries.js for IE less than 9 -->
<!--[if lt IE 9]>
    <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->
	
</head>
	<body>
		<div id="wrapper">
			<div id="card">
				<div id="leftSide">
				<h1 id="mobileH1">Headline!</h1>
				<img src="bilder/blomma.jpg"/>
				</div>
				<div id="rightSide">
				<h1 id="desktopH1">Headline</h1>
				<p>
				Text
				</p> 
				 <p>
				<i class="fa fa-phone fa-lg"></i> Phone number<br>
				<i class="fa fa-envelope fa-lg"></i> Mail
				</p>
				</div>
			</div>
		</div>
	</body>
</html>

Answer 1

看起来您已经从css文件中编写了正确的div标签，我们认为这不是代码中的问题，这可能是它在其他浏览器以及Internet Explorer 10中加载的原因。请尝试以下建议摆脱＆＃34; Internet Explorer 11＆＃34;虽然它无法加载网页。

您可能希望关闭跟踪保护和ActiveX过滤在你的＆＃34; Internet Explorer 11＆＃34;浏览器（TOOLS选项）。跟踪保护和 ActiveX过滤有助于通过阻止图像或保护您的隐私其他可能会使您的安全或隐私受到威胁的内容。

如果问题仍然存在，请尝试重置Internet Explorer的安全设置

打开桌面，然后点击或单击Internet Explorer图标   任务栏。点击或单击工具按钮工具按钮，然后点击   或单击“Internet选项”。

在“安全”选项卡上，点击或单击“默认级别”，然后点击或单击   行。

如果这些建议都不起作用，您可以尝试将Internet Explorer重置为其默认设置。

希望这有帮助！

主页无法使用Internet Explorer 11响应

1 个答案: