为什么 image.height 大小不合适?

发布于 2025-01-07 14:23:21 字数 264 浏览 0 评论 0原文

当我有一张 950x500 的图像并像这样输出时:

<img src="http://full/url/to/image.png" />

图像下方有一个奇怪的 3px 高度空间。当询问javascript时,它确实会说尺寸是950x503。虽然图像的大小确实是(检查多次)500。看来图像标签是这样的,如何解决这个问题?

请注意,图像还必须保持动态功能。因此,如果我将图像的宽度设置为 100%,高度将相应地调整大小。

When I have an image from 950x500 and output it like so:

<img src="http://full/url/to/image.png" />

There is a weird 3px in height space below the image. When asking javascript about it, it will indeed say the size is 950x503. While the image is really (check multiple times) 500 in size. It appears that the image tag does this how can this be fixed?

Note that the image must also remain to function dynamic. So if I were to set width of the image to 100% the height will resize accordingly.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

高跟鞋的旋律 2025-01-14 14:23:21

尝试这个而不是放置 display :block; 因为这会影响所有图像标签,虽然没有坏处,但正确的方法是这样的:

<img src="http://full/url/to/image.png" height="950" width="500"/>

Try this instead of putting display :block; beacuse this gonaa effect all the image tag though there is no harm, but the right way is this :

<img src="http://full/url/to/image.png" height="950" width="500"/>
执笔绘流年 2025-01-14 14:23:21

没关系,答案是,将图像显示设置为块,如下所示:

img { display: block; }

Never mind, the answer is, set your image display on block like so:

img { display: block; }
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文