滑块背景图片在Microsoft Edge上看起来不太好

时间:2018-12-03 16:16:45

标签: html css responsive microsoft-edge

我在Wordpress网站上创建了一个滑块,它在Google chrome上看起来还不错,但是当我在Microsoft Edge上打开它时,它会放大图片,使其看起来很大且像素化。我可以添加任何CSS代码以使背景在Microsoft Edge上正常显示吗?

UnityWebRequest.Get(url+.json)

这是在Microsoft Edge上的外观: enter image description here

这是在具有相同屏幕分辨率的Google Chrome上的外观: enter image description here

这是网站链接:www.naotech.com/video-conference

当前定制的CSS:

        <div class="elementor-widget-container">
            <div class="elementor-slides-wrapper elementor-slick-slider" dir="ltr">
    <div class="elementor-slides" data-slider_options="{&quot;slidesToShow&quot;:1,&quot;autoplaySpeed&quot;:4000,&quot;autoplay&quot;:true,&quot;infinite&quot;:true,&quot;pauseOnHover&quot;:false,&quot;speed&quot;:500,&quot;arrows&quot;:false,&quot;dots&quot;:false,&quot;rtl&quot;:false,&quot;fade&quot;:true}" data-animation="">
        <div class="elementor-repeater-item-c324989 slick-slide"><div class="slick-slide-bg"></div><div  class="slick-slide-inner"><div class="elementor-background-overlay"></div><div class="elementor-slide-content"><div class="elementor-slide-heading"><font dir="rtl"><font color="#ed6524">שוב</font> הפגישה לא התחילה בזמן?</font></div><div class="elementor-slide-description"><BR><BR></div></div></div></div><div class="elementor-repeater-item-15a3089 slick-slide"><div class="slick-slide-bg"></div><div  class="slick-slide-inner"><div class="elementor-background-overlay"></div><div class="elementor-slide-content"><div class="elementor-slide-heading"><font dir="rtl"><font color="#ed6524">שוב</font> הפגישה לא התחילה בזמן?</font></div><div class="elementor-slide-description"><BR><BR></div></div></div></div><div class="elementor-repeater-item-20784b4 slick-slide"><div class="slick-slide-bg"></div><div  class="slick-slide-inner"><div class="elementor-background-overlay"></div><div class="elementor-slide-content"><div class="elementor-slide-heading"><font dir="rtl"><font color="#ed6524">שוב</font> הפגישה לא התחילה בזמן?</font></div></div></div></div>         </div>
</div>
        </div>
        </div>

谢谢!

1 个答案:

答案 0 :(得分:0)

我已经在Edge(Microsoft Edge 42.17134.1.0)和Chrome上同时运行了该网站。该网站在两种浏览器上均能正常运行。

您可以看到我的屏幕截图: screenshot of Edge screenshot of Chrome

也许版本影响了结果,所以我想问一下您使用的Edge版本是什么。如果可能的话,请分享您的详细源代码,以便更轻松地为您提供帮助。