按钮高度（以百分比为单位）使其变平

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元素，并添加另一个元素来定位大小。怎么了？