如何在窗口展開時停止圖像自動調整大小

Question

我與我的網站存在問題http://www.tom-phelps.com/work 我剛剛纔注意到，當使用大型監視器時，左上角的圖像會自行調整大小，並與屏幕重疊其他內容變得更寬，雖然較低的圖像不，他們都使用完全相同的CSS和HTML設置，我已經嘗試調整第一個的大小。兩者都是.JPEG，任何人都可以幫我解決這個問題嗎？感謝

--image可調整大小itself--

.work1{ 
width: 100%; 
min-width: 768px; 
min-height:440px; 


} 

.image1{ 
width:35%; 
float:left; 
height:100%; 
min-height:440px; 
background-image:url(phelpsroofing2.jpg); 
background-repeat:no-repeat; 
margin-top:20px; 
} 

--image是停留在same--

.work2{ 
width: 100%; 
min-width: 768px; 
min-height:440px; 
background-color:#cccccc; 
} 

.image2{ 
width:35%; 
float:right; 
height:100%; 
min-height:440px; 
background-image:url(ipad2.jpg); 
background-repeat:no-repeat; 
margin-top:20px; 

} 

Answer 1

你想什麼確切地發生？寬度爲100％的圖像會縮放，這意味着高度也會根據圖像的寬度自行調整。

如果您想縮放圖像但縮小圖像，請給它一個最大寬度。如果您希望它縮放但不重疊下面的內容，請將容器（即.work1）溢出：隱藏;