比例縮小與基金會

重疊圖像

我的CSS技巧是有限的，所以我希望有人能幫助我這個...比例縮小與基金會

我使用的基礎，我有2周的div 2 images.The左格重疊正確的div 。瀏覽器調整大小時，左側圖像會丟失原始位置。

這是瀏覽器展開時的the site looks like。

這是正確的，我目前擁有的左圖像上的代碼（線框圖）

.wireframe-img { 
    display: block; 
    float: left; 
    margin-top: 50px; 
    max-width: 815px; 
    overflow: hidden; 
    padding-left: 50px; 
    position: absolute; 
    width: 100%; 
    z-index: 1 

}

而且圖像（新iPad）發生的事情是在div使用該代碼：

.small-7 { 
    position: relative; 
    width: 58.3333%; 
} 
.column, .columns { 
    float: left; 
    padding-left: 0.9375em; 
    padding-right: 0.9375em; 
} 
.right { 
    float: right !important; 
}

我基本上希望「線框」的形象，以縮小並沒有失去它原來的位置時，瀏覽器調整大小。

來源

2014-02-13 Vibrains

這可能與您網站中的媒體查詢和/或斷點有關。如果您設置了斷點，那麼您需要更新CSS以適應該斷點處的新位置。 – dward

而不是重疊的圖像，在你的情況下最好有兩個單獨的圖像相鄰，匹配完美的像素。

這時正好有這樣一個形象： http://puu.sh/6UTqY.jpg 和其他這樣的： http://puu.sh/6UTqa.jpg（大約）

除非還有另外一個原因，爲什麼你要保持該圖像分開，並試圖重疊呢？

來源

2014-02-13 21:12:50

我曾考慮過這樣做，但我想到的第一件事是，例如，如果從移動設備查看網站，我將如何保持2張圖像彼此平行。當我縮小瀏覽器時，會不會發生這樣的事情？ http://imgur.com/wFvRbng – Vibrains

我想我可以將兩個圖像放在一個div中並使用內嵌塊; – Vibrains

是的，你可以做到這一點，並有一個百分比的寬度，所以圖像的大小一起下降，確保第二個圖像不會再次環繞。 –

比例縮小與基金會

回答

相關問題