如何实现如果设备宽度超过普通移动设备的最大宽度，则使用不同的边距

Question

我有一个适合移动设备的网站，它在移动设备上运行得很好，但是当从标签或任何更宽的设备查看时，输入字段本身位于顶部。 是否有任何解决方案来运行检查设备宽度的代码，如果它超过移动设备的正常宽度，则更改当前的边距 - 底部：50％到margin-bottom：20％;如果它比主要设备（例如Bar手机）小，则将利润率从60％提高到80％。

我目前的css是......

div {
   position: absolute;
top:0;
bottom: 85%;
left: 0;
right: 0;
margin: auto;
width: 95%;
height: 100px;

}

任何帮助将不胜感激。