如何使用百分比作为参数调整HTML中图像的大小？
我想在我的网站上调整图像的大小。我知道如何做到这一点，或者调整之前的图像大小，或者计算宽度和高度，并设置像素值。但是我使用同一张图片多次使用不同的调光，因此，如果我可以将图像调整到其自身的大小，那么所需的时间会更少。
<img src='images/logo-beta.png' id="logo" height="75%" width="75%"/>
我已经试过了，但是问题是大小是相对于其父元素设置的。
共有2个答案
有一种方法，但它并不完美。它需要一个包装元素，其显示设置为“内联块”，图像使用“最大宽度”调整大小。
问题是父元素保留了图像的原始宽度，这可能会导致问题，具体取决于您的要求。
例子：http://jsfiddle.net/amustill/GnEw5/
单独使用HTML或CSS无法自动完成所需的操作。您需要使用JavaScript获取图像的维度，然后计算这些维度的百分比，并将它们重新应用到图像（以像素为单位）
-
问题内容： 我需要调整PNG，JPEG和GIF文件的大小。如何使用Java做到这一点？ 问题答案： 加载图像后，你可以尝试：
-
问题内容： 我正在尝试使用自身百分比来调整img的大小。例如，我只想通过将图像尺寸调整为50％将图像缩小一半。但是应用会将图像调整为容器元素（例如，父元素）的50％。 问题是，我可以在不使用javascript或服务器端的情况下按一定比例调整图像大小吗？（我没有图像尺寸的直接信息） 我很确定您不能这样做，但是我只想看看是否有仅CSS的智能解决方案。谢谢！ 问题答案： 我有两种方法给你。 方法1.
-
问题内容： 我的图片尺寸会很大，我想使用jQuery缩小图片，同时保持比例不变，即长宽比相同。 有人可以指出一些代码或解释其逻辑吗？ 问题答案： 看看来自的这段代码
-
问题内容： 我有一个快速的问题，我不太确定要进行设置。我在其他地方看到过示例，但没有什么比我的情况更具体。我想使用PHP调整图像的大小，以使图像易于阅读，而不仅仅是像使用HTML那样随意拉伸。如果它们的宽度不是250像素，也不是160像素，那么如何调整图片的大小，使其成比例但适合该空间？ 谢谢！ 问题答案： 好的，下面是我在商店中使用的Image对象。保持规模-需要GD 我在请求时调整图像的大
-
Photoshop 中的“图像大小”命令包含一种可以保留细节，并在放大图像时提供更优锐度的方法。未裁剪的原始图像（左图）；调整大小后的锐化图像（右图） 此外，还更新了 Photoshop 的图像大小对话框以方便使用： 通过一个窗口显示调整参数的预览图像。 调整对话框的大小也将调整预览窗口的大小。 可从对话框右上角的齿轮菜单内启用和禁用“缩放样式”选项。 从“尺寸”弹出菜单中，选取其他度量单位显示最
-
当试图创建一个应用程序，包括Tkinter在画布中的图像时，我在调整图像大小时遇到了一些问题。第一个是“从PIL导入图像，ImageTk”在PyCharm集成开发环境中不起作用，并且显示“模块不成立错误：没有名为‘PIL’的模块”。第二个对我来说是不可理解的，因为我是一个编码新手。它发生在我运行我在cmd中提到的python文件时。你能帮我理解这个问题以及我能做些什么吗？ 代码： cmd中显示的错