Question

我有一个48x48图像，我用于图标按钮。我发现我可以使用以下html代码将其设为16x16。

<button>
    <img src="48x48.png"   width="16"  height="16"/>
</button>

但是，如果我使用

<!DOCTYPE html>
<html>
<head>
<style>
.actionButton{
    width:16;
    height:16;
}
</style>
</head>

<body>
<button>
    <img src="48x48.png"  class="actionButton"//>
</button>
</body>
</html>

按钮大小始终为48x48。

Answer 1

您需要将单位添加到您的css，即px，如下所示：

.actionButton{
    width:16px;
    height:16px;
}

Answer 2

Helllo，

你可以用这个：

<img src="48x48.png" style="width=18px; height=18px;" />

或者juste调整图像大小。

CSS类规范不用于html5中的图标按钮

2 个答案: