HTML img缩放

7 回答

• 2

  看了the W3 Schools reference for the img tag，您应该可以做类似的事情：

  <img src="img.jpg" width="50%" height="50%"/>
  

  对于通过Javascript自动缩放，check this tip

  回复于 2024-05-06T18:59:50+08:00
• 113

  css就足够了：

  width : desired_width;
  height: auto;/*to preserve the aspect ratio of the image*/
  

  回复于 2024-05-06T18:59:50+08:00
• 0

  仅设置 width 或 height ，它将自动缩放另一个 . 是的，你可以使用一个百分比 .

  第一部分可以完成，但需要JavaScript，因此可能不适用于所有用户 .

  回复于 2024-05-06T18:59:50+08:00
• 6

  无需Javascript .

  IE6 Internet Explorer 6

  百分比仅适用于元素的宽度，但如果没有正确的代码，则 height:100%; 不起作用 .

  CSS

  html, body { height:100%; }
  

  然后使用百分比正常工作，并在窗口调整大小时动态更新 .

  <img src="image.jpg" style="height:80%;">
  

  您不需要width属性，宽度按比例缩放，因为浏览器窗口大小已更改 .

  而这个小宝石，万一图像按比例放大，它不会看起来（过度）块状（它插入） .

  img { -ms-interpolation-mode: bicubic; }
  

  道具来到这个来源：Ultimate IE6 Cheatsheet: How To Fix 25+ Internet Explorer 6 Bugs

  回复于 2024-05-06T18:59:50+08:00
• 6

  将 max-width: 100%; 添加到 img 标签适用于我 .

  回复于 2024-05-06T18:59:50+08:00
• 41

  我认为最好的解决方案是通过脚本或本地调整图像大小并再次上传 . 请记住，您迫使 Spectator 下载的文件超出了他们的需要

  回复于 2024-05-06T18:59:50+08:00
• 7

  我知道如何做到这一点的最好方法是：

  1）设置溢出滚动，这样图像将保留，但您可以滚动查看它

  2）上传较小的图像 . 现在上传时有很多程序（你需要像PHP或.net这样的东西才能做到这一点）你可以自动扩展 .

  3）与它一起生活并设置宽度和高度，这虽然会使它看起来扭曲但是正确的尺寸仍然会导致用户必须下载全尺寸图像 .

  祝好运！

  回复于 2024-05-06T18:59:50+08:00