Настройка желаемой высоты и ширины изображения

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 или, по крайней мере, размер тела:

<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%; 
}