Javascript 每个浏览器如何在wordpress中选择图像url？

我正在用主题maidenhair运行wordpress，突然遇到了一个问题，即每个浏览器都会自动选择图片的源url，而不是插入照片的帖子中的url

例如，我上传了一张名为“IMG-20180419-WA0009.png”的图片（它的尺寸为：561像素*790像素，分辨率为72.009像素/英寸）。 wordpress自动创建了该文件的两个其他版本（另外两个尺寸支持响应图片），即：“IMG-20180419-WA0009-75x106.png”和“IMG-20180419-WA0009-150x150.png”，因为这些是我在wordpress的媒体尺寸设置中设置的尺寸

在插入图片的帖子中，我调整了大小，如以下截图所示：

然后，当我从Mozilla Firefox浏览网站时，照片显示正确、清晰、清晰且质量高，如下图所示：

因为照片的源url如下所示：

但如果我使用谷歌Chrome浏览网站，照片会显得不锐利、模糊且质量低下，如以下截图所示：

因为照片的源url会自动设置为其中一个较小版本的url，它看起来像：

---

有时恰恰相反！我上传了一张照片，然后Google Chrome从正确的url中提取它，但Mozilla Firefox决定从另一个文件中提取它

从您的

属性中可以看到

你可以阅读更多关于这本书的内容

正如我们看到的，
src
对于Chrome和Firefox都是一样的。可能两个浏览器处理的src集不完全相同。但我很确定，您看到的像素化图像来自
src set
中提供的一个URL

因此：


为了确定问题来自
src集
，您可以尝试编辑模板以删除
src集
属性，只保留
src
。然后检查两个浏览器上的图像渲染
在测试时编辑您的
src集
，看看哪个浏览器会出错
请在图像上发布属性的完整HTML，允许浏览器根据浏览器大小从文件的不同URL（图像大小）中进行选择。