自動佈局的網站

-3

我面臨以下問題：我剛剛完成了我的網站的實施，但是當我使用手機訪問它時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上，它看起來像這樣：

在手機，它看起來像這樣（連菜單看起來奇怪）：

來源

2017-05-20 Ovidiu

閱讀關於'響應式設計'。 –

這個卡魯塞爾 - 貓頭鷹的CSS就像它在引導頁面的支持。 – Ovidiu

不管怎麼說，答案是正確的 – Ovidiu

沒有它的代碼是占卜...

如果您使用background-image您可以設置background-size: cover或background-size: contain。

來源

2017-05-20 13:34:45

它使圖像resposive使用包含;但它之間仍有一些白色的差距;非常感謝 – Ovidiu

不用客氣，我建議你熟悉關於背景的mdn文檔[這裏]（https://developer.mozilla.org/en-US/docs/Web/CSS/background?v=example）。 –

自動佈局的網站

回答

相關問題