如何让我上传到 wordpress 菜单部分的图像调整大小？

Question

我正在向菜单部分的导航标签字段添加 img 标签，以创建一些社交媒体按钮。我希望它们是 25 像素 x 25 像素，但我希望它们为视网膜屏幕做好准备，所以我上传的图像是 50 像素 x 50 像素。

烦人的是，我实际上在大约 3 小时前设法做到了这一点，但自从回到它之后，它们就不再重新调整大小，我只剩下一个巨大的图标。

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

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

有没有办法解决这个问题，或者有更简单的方法来实现我想要做的事情？

谢谢

Answer 1

从 HTML 中删除那些行内高度和宽度并执行此操作：

/*using the parent class as the hook for specificity*/
.parent img{
    width: 100%;
    max-width:25px;
    height: 100%;
    max-height:25px;
 }

这保证图片符合 25px X 25px 的大小。不小，也不大。

** 如果您的 CSS 正在覆盖它，您可能需要一个 !important 规则来清理。

Answer 2

您在代码中使用了程式化的引号。

<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, I would recommend always using them as a best practice. Here are some reasons why: Do you quote HTML5 attributes?

如何让我上传到 wordpress 菜单部分的图像调整大小？

How to get images I'm uploading to the wordpress menu section to resize?

html

css

syntax

wordpress

syntax-error