设置所需的图像高度＆amp;宽度

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