css - テキストと画像のサイズをさまざまな解像度に調整する

Question

小さな画面に収まるように、ほぼすべてで % を使用して Web サイトを作成しています。

テキストを別のサイズに調整するのに途方に暮れていますが、解像度が大きくなると見栄えが悪くなります。また、メニューバーとして使用する画像の幅を最大にすることもできないようです。

いくつかの CSS コマンドで私を助けてくれる人はいますか?

テキスト CSS と画像 CSS の例:

#dick{
	color: black;
	z-index: 400;
	position:absolute;
	left: 58%;
    top: 210px;
    height: 50%;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size:100%;

}

#startpagina{
  background-image: url("images/startpagina.png");
  position: absolute;
  left: 19.1%;
  top: 192px;
  height: 0%;
  z-index: 200;
  max-width:100%
}