将图片分配给img标签之前，请使用javascript调整图片大小

问题描述

|| 我在HTML和CSS开发方面非常新。 我有一个带有

img

标签的HTML页面。此标签将保存一些图像。这些图像具有不同的尺寸。我使用CSS将宽度和高度设置为

img

标签。 所有图像都将使用JavaScript显示。 在将图片分配给

IMG

标签之前，是否需要使用JavaScript调整图片大小？ 也许我不需要这样做，因为我使用CSS设置了2英寸大小。比例会受到约束吗？ 对不起我的英语不好。     

解决方法

        如果使用css设置了高度和宽度，则纵横比将无法保持。但是，如果您使用html

img

标签指定任一属性，则将保持宽高比。     ,        您应该在服务器端执行此操作。使用管理脚本。您可以在上传原始图像时创建其版本，然后HTML / CSS端可以安全地使用这些图像。 这不是在客户端执行的任务。基本上，您在这里要做的是下载一个大图像（大量数据），然后将其哑化以创建一个较小的图像。因此，您浪费了客户端的带宽和服务器的带宽。 如果绝对没有其他可能性，并且您有固定的区域（例如640x480），则可以通过以下方式进行基本裁切并保持纵横比： HTML：

<div id=\"wrapper\"><img src=\"my.jpg\"></div>

CSS：

#wrapper {
    width: 640px;
    height: 480px;
    line-height: 480px;
}

#wrapper img {
    width: 640px;
}