背景有4種尺寸相同的圖像的最佳方式是什麼？

Question

我正在尋找最簡單的方法，讓4張圖片每張背景佔用25％

Answer 1

我這樣做有點奇怪，但它總是適合我。

CSS

body, html { 
    margin: 0px; 
    padding: 0px; 
} 
.pA, .pB, .pC, .pD { 
    position: absolute; 
    width: 50vw; 
    height: 50vh; 
} 
.pA { 
    background: red; 
} 
.pB { 
    background: green; 
    margin-left: 50vw; 
} 
.pC { 
    background: blue; 
    margin-top: 50vh; 
} 
.pD { 
    background: yellow; 
    margin-top: 50vh; 
    margin-left: 50vw; 
} 

和簡單的div

<div class="pA"> 
</div> 
<div class="pB"> 
</div> 
<div class="pC"> 
</div> 
<div class="pD"> 
</div> 

它的簡單，它的工作原理，很容易玩。

我猜最好方式（op的規範）將使用calc()雖然。

Demo