行內塊新行

-1

我在一行中有4個元素，每行都是行內塊。我在做響應式網站，所以我想在一些分辨率下將2個元素移動到新行。因爲即時通訊使用媒體查詢我需要在CSS中做到這一點。有誰知道如何解決這個問題？行內塊新行

<div id="servicesPanel"> 
    <div id="servicesContent" data-animate="fadeIn"> 
     <h2>OFERTA</h2> 
     <span>Gwarantujemy najwyższą jakość w rozsądnych cenach! </span> 
     <div id="services"> 
      <div class="item" id="face">KOSMETYKA TWARZY</div> 
      <div class="item" id="handsAndFeet">KOSMETYKA DŁONI I STÓP</div> 
      <div class="item" id="solarium">SOLARIUM</div> 
      <div class="item" id="hairdressing">FRYZJERSTWO</div> 
     </div> 
    </div> 
</div>

來源

2016-10-03 Kamczatka

您的媒體查詢在哪裏？ –

在我的完整項目。首先，我想用通常的版本解決它 – Kamczatka

你說你正在使用（並且想要使用）媒體查詢，但是你沒有提供它們。媒體查詢將是通常的版本。 –

爲此，你必須增加項目div的寬度媒體查詢，以便他們會在2號線。例如：例如：

@media(max-width:1024px){ 
.item{ width:49%;} 
}

這裏我們給每個div 49％的寬度。

來源

2016-10-03 14:19:56 devendra

回答

相關問題