html - ピクセル値なしの CSS を使用したモバイル Web アプリでのマージン/ボーダー半径の均等化

Question

紛らわしいタイトルですみません。説明するのは難しい。HTML、JS、CSS を使用してモバイル Web アプリを作成しています。もちろん、さまざまなサイズのデバイスで使用されます。margin: ...この div の余白 (つまり、div の外側のスペース) をずっと一貫したものにしようとしています。ただし、パーセンテージを使用すると、要素のサイズに応じて、垂直方向と水平方向のマージンが異なります。

#selector {
   position: absolute;
   top: 5%;
   bottom: 5%;
   left: 5%;
   right: 5%;
   background: white;
   -moz-box-sizing: border-box;
   border-radius: 2%;
   border: 2px solid red;
}

したがって、基本的には、ウィンドウのサイズに関係なく、この絶対位置の div の外側のスペースをずっと等しくしたいと考えています。純粋な CSS を使用し、ピクセルを使用せずにこれを行う方法はありますか (b/c デバイスの画面解像度は大きく異なります)。CSS でピクセル値を使用せずに、border-radius の同様のソリューションも探しています。