背景圖像不拉伸正確

-1

頁面可以住在這裏看到：http://tmstaging.cloudapp.net:88/en/my/news/sample-great-food-and-tasty-celebrities-with-astro-bella-new-show-taste-selebriti 背景圖像不拉伸正確

的問題是在兩列轉盤的第一部分。我檢查了我的CSS，如果我刪除了這一行代碼：

background-position: center center !important;

從下面的類：

.promo-content .banner .slides > li

的背景圖像會正確顯示。但我不確定這是否是有效的解決方案。此外，在調整平板電腦尺寸時 - 右列比左列短。我如何維持這兩列是相同的高度？

任何幫助，將不勝感激

來源

2016-10-12 rory-h

我認爲它很好地移除'background-position'，因爲它使背景大小看起來很奇怪。如果你刪除了'background-position'，那麼在'background-size'中就不需要'important'。請不要過分使用「重要」，因爲當項目規模擴大時它會讓你感到困惑;你必須記住使用「重要」的地方。 – Pankaj

我認爲這是最適合你。

.promo-content .banner .slides > li { 
     min-height: 385px; 
     background-position: center center !important; 
     background-size: auto 100% !important; 
    background-repeat: no-repeat !important; }

來源

2016-10-12 05:08:39 Hit

背景圖像不拉伸正確

回答

相關問題