Html 表格单元格自动更改其大小

我试着让我的div一直是34px，每次我放大或缩小页面时，它都会改变大小。 一次太高，一次太低。我做错了什么

.input-group-addon.sufix {
padding: 6px;
padding-right: 6px;
padding-top: 8px;
height: 34px !important;
width: 27px !important;
}

以及一些屏幕：

---

从我所看到的，它是一种字体，所以当缩放时，它会变大，不要感到惊讶。它破坏了我想要显示的完整性，只是看起来不正常，有没有办法绕过它？当你放大/缩小页面时，页面上的每个元素都会发生变化。它不能被阻止。也就是说，可能不是这样，它可以通过适当的元设置在移动设备上看到。你可以写，顶部的文本“我的页面放大/缩小时看起来很糟糕”，所以不要这样做；）打印出来，确保没有人放大。