html - 如何获取我上传到wordpress菜单部分以调整大小的图像？

Question

我将img标签添加到菜单部分的导航标签字段中，以创建一些社交媒体按钮。我希望它们的宽度为25px x 25px，但我希望它们为视网膜屏幕做好准备，因此我上传的图像为50 x 50px。

令人讨厌的是，我实际上在大约3个小时前就完成了此操作，但是自从回到它之后，它们就不再调整大小，而我只剩下一个巨大的图标。

我用来缩小它们的代码是:

<img src=“url here” height=“25” width=“25”> 

有没有解决这个问题的方法，或者有一种更容易的方法来实现我的目标？

谢谢

Answer 1

您在代码中使用风格化的引号。

<img src=“url here” height=“25” width=“25”>

这是无效的HTML。您是否从MS Word复制并粘贴了代码？有时就是原因。

您需要基本文本编辑器提供的未格式化字符。

保持引号简单和基本:

<img src="url here" height="25" width="25">

这些是 ASCII quote marks，它们是有效的HTML。

尽管是 quote marks are optional in HTML5，但我还是建议始终将它们用作最佳实践。原因如下: Do you quote HTML5 attributes?