css - 以百分比表示的按钮高度使其平坦

Question

我一直在尝试创建一个可以根据屏幕分辨率调整大小的按钮，但这给我带来了麻烦。出于某种原因，宽度很好 - 但是使用所有相同的代码，高度不会超过大约 5 像素。这就是我正在做的事情：

.links a {
	 text-decoration: none;
	 border: red 2px solid;
	 border-radius: 100%;
	 display: inline-block;
	 height: 12%;
	 width: 12%;
	 overflow: hidden;
}

button.links {
	 background:#003678;
	 border: none;
	 height: 60%;
	 width: 60%;
}

<button class="links">
  <a href="Ap.html" id="Ap"></a>
</button>

button.links 在这种情况下是父级。我尝试定位 body 元素并添加另一个元素来定位大小。怎么了？

标签： cssbuttonresize