如何获取图片我上传到wordpress菜单部分调整大小？

Question

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

令人烦恼的是，我实际上大约在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中的代码？这有时是原因。

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

保持引号简单和基本：

NSURLSession

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

虽然quote marks are optional in HTML5，但我建议始终将它们作为最佳做法。以下是一些原因：Do you quote HTML5 attributes?