如何設置適用於所有分辨率屏幕的圖像大小？

Question

如何製作像this的圖像？ 我的圖像在較大的桌面屏幕上無法使用。 這是我對圖像尺寸代碼：

style="width:100%;height:100%;" 

Answer 1

你可以做的是，你可以給<img />以下CSS：

position: fixed; 
z-index: 1; 
width: 100%; 
height: 100%; 
left: 0; 
top: 0; 

片段

img { 
 
    position: fixed; 
 
    z-index: 1; 
 
    width: 100%; 
 
    height: 100%; 
 
    left: 0; 
 
    top: 0; 
 
}

<img src="http://lorempixel.com/400/400" />