html img 宽度不能显示一些较小的图像？答案

【问题标题】：html img width cannot show some smaller image?html img 宽度不能显示一些较小的图像？
【发布时间】：2013-11-29 16:30:37
【问题描述】：

我的 Wordpress 帖子尝试使用这样的 HTML 代码显示图像：

<a target="_blank" href="https://www.facebook.com/15925638948/posts/10152127553183949" hidefocus="true" style="outline: none;">
    <img title="CBS Moving Forward With ‘How I Met Your Dad’" alt="" src="http://ia.media-imdb.com/images/M/MV5BMTA5MzAzNTcyNjZeQTJeQWpwZ15BbWU3MDUyMzE1MTk@._V1._SY317_.jpg" width="620" align="">
</a>

但是，图像无法显示。 Chrome & Safari 显示一个中间有小图片的白框（图片无法显示的情况）。 Firefox 的图像部分不显示任何内容，只显示一个空行。

如果我删除这一行

width="620"

图像显示。

关于这个宽度和实际图像宽度的规则是什么？它似乎适用于大多数情况，但不适用于较小的图像？如何动态更改宽度以最适合我的设计？

【问题讨论】：

标签： html image width

【解决方案1】：

它实际上对我来说很好用（在所有浏览器中）。我的猜测是，由于没有指定高度，浏览器将其解释为 0。这解释了 Firefox 呈现图像的方式，而不是其他方式。也有可能是其他一些代码（来自主题、插件或其他地方）正在干扰。

【讨论】：

hm...在我只用代码测试它之后它实际上可以工作...一定是一些主题干扰...谢谢。

【解决方案2】：

你可能不知道的一件事是 % 函数在 HTML 中可用于许多事情。

例如使用此代码：

...
width:50%;
...

将允许子对象的宽度为父对象的 50%。

【讨论】：

【解决方案3】：

我认为我的问题与这个问题有关

Image getting 403 forbidden when deployed to server

这不是关于宽度，抱歉误导。

【讨论】：