設置所需的圖像高度和寬度

Question

我試圖獲取圖像height="100%"和width="40%"（窗口大小）。但是輸出結果不是我們所期望的（參見下面的圖片）。

這是HTML代碼：

<img src="rj.jpg" alt="Me" style="float: right;min-height:100%;width:40%;margin-right:10%;max-width:749px;"> 

Answer 1

首先，你必須指定大小的它的父格或身體的至少大小：

<div style="width:1024px; height:768px;"> 
    <img src="rj.jpg" alt="Me" style="float: right;min-height:100%;width:40%;margin-right:10%;max-width:749px;"/> 
</div> 

或簡單地嘗試清除方式：

<div class="container"> 
    <img src="rj.jpg"/> 
</div> 

並在您的頁面標題中添加樣式：

.container { 
    width:1024px; 
    height:768px; 
} 

.container img{ 
    width:40%; 
    height:100%; 
}