网站的自动布局答案

【问题标题】：Auto layout for a website网站的自动布局
【发布时间】：2017-10-20 13:13:31
【问题描述】：

我面临以下问题：我刚刚完成了我的网站的实现，但是当我使用手机访问它时，它的 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 上看起来像这样：

在手机上是这样的（连菜单看起来都怪怪的）：

【问题讨论】：

阅读“响应式设计”。
对于这个旋转木马 - owl css 与引导页面支持上的完全一样。
谢谢，下面的答案是正确的

标签： html css web mobile

【解决方案1】：

没有密码就是占卜……

如果您使用的是background-image，您可以设置background-size: cover 或background-size: contain。

【讨论】：

它使用包含使图像具有响应性；但它之间仍有一些空白；非常感谢
不客气，我建议您熟悉有关背景的 mdn 文档here。