网站的自动布局

Question

我面临以下问题：我刚刚完成了我的网站的实施，但是当我使用手机访问它时，UI布局出了问题。 如果可以通过手机访问网站，如何完成（或调整）自动布局？

   <div id="owl-hero" class="owl-carousel owl-theme">
            <div class="item" style="background-image: url(img/venice1.jpg);">
                <div class="caption">
                </div>
            </div>
           <div class="item" style="background-image: url(img/venice2.jpg)">
                <div class="caption">
                </div>
            </div>
        </div>

在PC上它看起来像这样：

在手机上，它看起来像这样（甚至菜单看起来很奇怪）：

Answer 1

没有代码就是占卜......

如果您正在使用background-image，则可以设置background-size: cover或background-size: contain。