HTML ＜img＞ 标签

HTML img 标签

问题描述

最近碰到这样一个问题：在用JS将网页导出为word的时候，有几张特别大的图片(3000*4000)，但是呢在网页上用css对图片大小进行了限制，例如现在图片的显示大小只有600*500。然后导出到word中发现图片大小仍然是3000*4000，就导致图片在word中显示不正常。然后在导出word的时候可以设置一些简单的css样式，发现样式对文字有用，对图片就没啥用(width，height)。然后就导致上述出现的问题。

解决方案

在 HTML 原生的 img 标签中，还有这两个属性width，height：

经过实验，在js导出word这个实现过程中，通过css调整图像的宽度，高度仅仅是显示的宽度，高度，并不会改变原图。而在img标签上设置width，height才会有用。