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

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;
    }
}

尝试它以获得所需的结果。