将文本和图像大小调整为不同的分辨率

Question

我一直在制作一个几乎所有内容都使用％的网站，因此它适用于较小的屏幕。

我只是把文字调整到不同的大小，而不是看起来更糟糕的更大的分辨率。我也似乎无法将最大宽度的图像用作菜单栏。

你们中的任何一个可以通过一些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%
}

Answer 1

@media (min-width:600px) {
    #dick {
    font-size:15px;
    }
}

试验它以获得理想的结果。