Drupal的8個瀏覽幻燈片影像大小不正確，在IE 11點

直播幻燈片https://www.baywaycopperalloys.com Drupal的8個瀏覽幻燈片影像大小不正確，在IE 11點

以下造型Drupal 8 Views Slideshow在除了IE 11. .img-responsive所有瀏覽器正確地滑動的尺寸是所施加的選擇器。

.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img { 
    display: block; 
    max-width: 100%; 
    height: auto; 
}

寬度可以使用max-width:100vw被校正但隨後的容器高度由JavaScript直列上的元素設置不正確。

我如何得到正確的100％的寬度和高度自動在IE中使用11次幻燈片？

<div id="views_slideshow_cycle_div_home_slider-block_1_1" class="views_slideshow_cycle_slide views_slideshow_slide views-row-2 views_slideshow_cycle_hidden views-row-even" style="position: absolute; top: 0px; left: 0px; display: block; z-index: 5; opacity: 1; width: 1903px; height: 464px;"> 
    <div class="views-row views-row-1 views-row-even"> 
    <div class="views-field views-field-field-slide-image"> 
     <div class="field-content"> 
     <img src="/sites/bayway/files/2017-02/banner-2.jpg" width="2200" height="536" alt="Bayway Copper Alloys" typeof="foaf:Image" class="img-responsive"> 
     </div> 
    </div> 
    <div class="views-field views-field-field-display-order"> 
     <div class="field-content">2</div> 
    </div> 
    </div> 
</div>

來源

2017-02-17 jerrygarciuh

你必須使用滑塊？ – Patrick

它必須在Drupal可以原生支持... – jerrygarciuh

這不是在響應爲我所有OSX上的Chrome。 – Yoda

隨着從Flexslider團隊更新到8.x-2.0-alpha2，所有瀏覽器都解決了此問題。我們更換了8.x的-2.X-dev的模塊文件，並添加Flexslider庫文件和完成！

來源

2017-03-14 22:09:49 jerrygarciuh

首先拆下.FORM包含從欣賞到整個滑塊組（你可以使用重寫你的模板輸出或），所以控制將居中

那就試試這個，並告訴我，如果滑塊控制工程

.views_slideshow_main{ 
    height:310px 
} 
.view-home-slider .img-responsive { 
    height:300px; 
    max-width: 100vw; 
} 
.views-slideshow-controls-bottom{ 
    z-index: 9999999999999; 
    position: relative; 
}

來源

2017-02-23 00:12:21

高度由Drupal Views根據瀏覽器寬度（或在IE 11情況下監視器寬度）進行幻燈片放映，因此爲所有寬度設置一個高度將不起作用。這是一個具有響應式幻燈片的響應式網站。 – jerrygarciuh

您可以將圖像風格的圖像幻燈片。現在在556px的圖像高度。這是在IE中渲染的高度自動。如果採用的影像風格，那麼這將是在所有的瀏覽器是一致的。

你也需要對齊幻燈片容器中心。現在它左對齊。有了這個問題將解決所有瀏覽器。

來源

2017-02-23 05:25:24

高度由Drupal Views根據瀏覽器寬度（或在IE 11情況下監視器寬度）進行計算，因此爲所有寬度設置一個高度將不起作用。這是一個具有響應式幻燈片的響應式網站。 – jerrygarciuh

Drupal的8個瀏覽幻燈片影像大小不正確，在IE 11點

回答

相關問題