簡體   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