主页对Internet Explorer 11无响应
[英]Homepage not responsive with Internet Explorer 11
问题描述
I'm confused! 
我糊涂了！ I have made a simple webpage to just show an image and some text. 我制作了一个简单的网页，仅显示图像和一些文本。 It's responsive and it works fine in Firefox, Chrome, Safari and Internet Explorer 10, but not in Internet Explorer 11. 它具有响应能力，在Firefox，Chrome，Safari和Internet Explorer 10中运行良好，但在Internet Explorer 11中却无法正常运行。
The problem is that it's not responsive, it take a long time to load and it doesn't show the Font Awesome icons in Internet Explorer 11. What could be the reason for this and how could this be fixed? 问题在于它没有响应，加载时间很长，并且在Internet Explorer 11中没有显示“真棒字体”图标。这可能是什么原因？如何解决？ Really preciate some help since I can't find any solution for this when I google around. 非常感谢您的帮助，因为我在Google周围搜索时找不到任何解决方案。 Thanks! 谢谢！
@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>
1 个解决方案
解决方案1
-2 2014-10-08 18:59:10
It Seems that you have coded proper div tags from your css file and we believe it is not the problem in the code and it might be the reason it get loaded in other browser as well as in Internet Explorer 10. Please try following suggestions to get rid of common issue in "Internet Explorer 11" while it unable to load the webpage. 似乎您已经从css文件中编码了正确的div标签，我们认为这不是代码中的问题，这可能是它在其他浏览器以及Internet Explorer 10中加载的原因。请尝试按照以下建议进行操作解决了无法加载网页的“ Internet Explorer 11”中的常见问题。
You might want to turn off Tracking Protection and ActiveX Filtering in your "Internet Explorer 11" browser (TOOLS option).
If the issue persists please try resetting Internet Explorer's security settings 如果问题仍然存在，请尝试重置Internet Explorer的安全设置
Open the desktop, and then tap or click the Internet Explorer icon on the taskbar.Tap or click the Tools button Tools button, and then tap or click Internet options.
On the Security tab, tap or click Default level, and then tap or click OK.
If none of these suggestions work, you can try resetting Internet Explorer to its default settings. 如果这些建议都不起作用，则可以尝试将Internet Explorer重置为其默认设置。
Hope this helps! 希望这可以帮助！
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.