繁体   English   中英

主页对Internet Explorer 11无响应

[英]Homepage not responsive with Internet Explorer 11

我糊涂了! 我制作了一个简单的网页,仅显示图像和一些文本。 它具有响应能力,在Firefox,Chrome,Safari和Internet Explorer 10中运行良好,但在Internet Explorer 11中却无法正常运行。

问题在于它没有响应,加载时间很长,并且在Internet Explorer 11中没有显示“真棒字体”图标。这可能是什么原因?如何解决? 非常感谢您的帮助,因为我在Google周围搜索时找不到任何解决方案。 谢谢!

 @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> 

似乎您已经从css文件中编码了正确的div标签,我们认为这不是代码中的问题,这可能是它在其他浏览器以及Internet Explorer 10中加载的原因。请尝试按照以下建议进行操作解决了无法加载网页的“ Internet Explorer 11”中的常见问题。

您可能需要在“ Internet Explorer 11”浏览器(“工具”选项)中关闭“跟踪保护”和“ ActiveX筛选”。 跟踪保护和ActiveX筛选功能通过阻止可能危害您的安全或隐私的图像或其他内容来帮助保护您的隐私。

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

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

在“安全性”选项卡上,单击或单击“默认级别”,然后单击或单击“确定”。

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

希望这可以帮助!

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM