2014-03-14 76 views
-1

想要使用Div標記中的圖像來填充更大或更小的瀏覽器屏幕,因此圖像是任何屏幕的理想尺寸。想要在Div標記中填充圖像以填充更大或更小的瀏覽器屏幕

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
    <meta charset="utf-8" /> 
    <title></title> 
    </head> 
    <body style="margin:0; height:100vh;"> 
    <div align="center" style="vertical-align:top; border-top: 0px"> 
     <img src="images/Main.jpg" border="0"> 
    </div> 
    </body> 
</html> 
+0

這是什麼目的?背景?旗幟? –

回答

0
<img src="images/Main.jpg" border="0" style="max-width:100%; max-height:100%;"> 
1

看看這個Example。你可以使用寬度:既然你想調整時(瀏覽器)的圖像填補了瀏覽器100%的div標籤的圖像:100%和高度。

<img src="http://thumbs.dreamstime.com/z/ice-cream-cone-29168018.jpg" border="0" style="width:100%;height:100%;"> 
+0

是的,這是它。 –

+0

這會扭曲圖像。 – tchow002