傳送帶在IE11中響應，但在邊緣或Chrome中不響應

傳送帶在Edge或Chrome中無法響應，但在IE11中仍然響應的任何原因。轉盤自身遵循響應式設計並對窗口大小的變化作出反應。只要旗幟放置在轉盤上方，旗幟和轉盤不響應。它們的大小不會改變，它是固定的。在IE11中，橫幅和傳送帶根據窗口大小調整大小。傳送帶在IE11中響應，但在邊緣或Chrome中不響應

owlCarousel版本是2.1.6

$('.owl-carousel-1').owlCarousel({ 
        loop:true, 
        margin:10, 
        navText:['&lt;','&gt;'], 
        autoplay:false, 
        autoplaySpeed:1000, 
        autoplayHoverPause:false, 
        responsiveClass:true, 
        responsiveBaseElement:window, 
        responsiveRefreshRate:100, 
        responsive:{ 
         0:{ 
          items:1, 
          nav:true 
         }, 
         600:{ 
          items:2, 
          nav:true 
         }, 
         1000:{ 
          items:3, 
          nav:true 
         } 
        } 
       });

來源

2016-09-06 kbn

歡迎計算器。 IE在處理樣式等方面很頑固。通常是這樣的：在其他瀏覽器上工作的可能無法在IE中使用。所以我會說它的運氣。對於一個好的答案，我們需要一個[mcve] – yezzz

顯然的問題是，旋轉木馬是一個柔性框內的一個專區內。一旦我給了div寬度：100％，它開始響應並很好地調整大小。寬度：100％不是IE所需要的。

這個工作在邊緣，Chrome瀏覽器（僅用於演示內嵌樣式）：

<div id="content"> 
    <div class="Grid Grid--gutters Grid--holly-grail" style="display:flex"> 
    <div class="Grid-cell main" style="width: 100%;"> 
     <div class="article-box"> 
       <div id="article"> 
        <section id="intro-carousel"> 
         <div class="owl-carousel owl-loaded owl-drag" id="intro-banner-carousel"> 
         </div> 
        </section> 
       </div> 
     </div> 
    </div> 
    <div class="Grid-cell aside aside-2" id="right-column"> 
     <div id="action-links"> 
     </div> 
     <div class="article-box Demo2 Holly2" id="contact-details"> 
     </div> 
    </div> 
    </div> 
</div>

來源

2016-09-07 19:41:16 kbn

傳送帶在IE11中響應，但在邊緣或Chrome中不響應

回答

相關問題