需要使用javascript降低图像的高度

这是我的密码

<div data-role="page" id="callAjaxPage">

    <img id="logo" src="images/logo.JPG" alt="logo" />

    <div data-role="header">
        <h1>Login</h1>
    </div>

    <div data-role="content">
        <form id="callAjaxForm" data-ajax="false">
            <div data-role="fieldcontain">
                <label for="userName" id="userNameLabel">Username</label> <input
                    type="text" name="userName_r" id="userName" value="" /> <label
                    for="password" id="passwordLabel">Password</label> <input
                    type="password" name="password_r" id="password" value="" /> <br />

                <button data-theme="b" id="submit" type="button">Submit</button>
            </div>
        </form>
    </div>
</div>

登录
用户名密码

提交

---

在这段代码中，我有一个图像，它是徽标我只需要降低图像的高度。我尝试过的是手动设置高度为150px，但结果是高度降低了，但宽度也降低了。即使我硬编码了我的宽度，它仍然会减少。问题可能是图像太小了。我也试着把它放在一个div中，我手动设置了相应的高度和宽度，但是div概念会剪切图像。我不希望图像被剪切或其他什么。我只希望它在高度上缩小。我不在乎质量。怎么做

可以使用“样式”属性分别设置宽度和高度

例如：

<img style="height:40px;width:300px;" src=0NfSJ.jpg>

---

您可以使用“样式”属性分别设置宽度和高度

例如：

<img style="height:40px;width:300px;" src=0NfSJ.jpg>

---

您可以在CSS中执行此操作

#logo {
    width: 80px;
    height: 30px;
}

或者，如果您想使用javascript动态调整图像大小

$("#logo").attr("width", $("#logo").width());
$("#logo").attr("height", 30);

---

您可以在CSS中执行此操作

#logo {
    width: 80px;
    height: 30px;
}

或者，如果您想使用javascript动态调整图像大小

$("#logo").attr("width", $("#logo").width());
$("#logo").attr("height", 30);

---

降低高度就是做几乎任何人都想做的事情——改变高度时保持纵横比。如果需要保持宽度，请将宽度和高度更改为所需宽度的高度

比如说

$（文档）.ready（函数（）{
var img=$（“#logo”）；
变量宽度=img.width（）；
警报（宽度）；
img=$（''）
$（“#徽标”）。替换为（img）；
});

降低高度是几乎所有人都想做的事情——在更改高度时保持纵横比。如果需要保持宽度，请将宽度和高度更改为所需宽度的高度

比如说

$（文档）.ready（函数（）{
var img=$（“#logo”）；
变量宽度=img.width（）；
警报（宽度）；
img=$（''）
$（“#徽标”）。替换为（img）；
});

您只需指定宽度和高度属性，图像将以该大小显示：

<img id="logo" src="images/logo.JPG" alt="logo" width="300" height="20" />

---

这是一个5x5图像的演示，显示为300x20:

您只需指定宽度和高度属性，图像将以该大小显示：

<img id="logo" src="images/logo.JPG" alt="logo" width="300" height="20" />

---

这是一个5x5图像的演示，显示为300x20:

我试过了。因为图像很小。图像没有扩展到我们给定的宽度……这是标准方法，它可以工作。你一定还有别的问题。你能把你的页面放在互联网上的某个地方吗？我试过了。因为图像很小。图像没有扩展到我们给定的宽度……这是标准的方式，而且它可以工作。你一定还有别的问题。你能把显示问题的页面放在互联网上的某个地方吗？最后一个页面不会调整两次大小，同时保持纵横比两次吗？不，它会分别设置图像标签上的高度和宽度属性。与硬编码属性的效果相同。它将被美丽地扭曲。像这样：那么我不理解OPs的问题-我们需要看看他使用的代码，因为你的代码（我考虑过，由于OPs的考虑而放弃了）比我的代码简单得多。那么+1对你来说，最后一个不会两次调整大小，两次都保持纵横比吗？不，它分别设置图像标签上的高度和宽度属性。与硬编码属性的效果相同。它将被美丽地扭曲。像这样：那么我不理解OPs的问题-我们需要看看他使用的代码，因为你的代码（我考虑过，由于OPs的考虑而放弃了）比我的代码简单得多。因此+1在你看来，目前关于这个问题的所有三个建议都应该有效。看起来你可能有另一个问题-可能是CSS，或者可能是超时调整大小。似乎目前关于这个问题的三个建议都应该有效。看起来你可能还有另一个问题——可能是CSS问题，也可能是超时调整大小的问题。是的，那就是你正在催眠的我的照片。：）是的，那是我的照片，你在催眠