Настройка размера текста и изображения для разных разрешений

Я делал сайт, используя% почти во всем, так что он помещается на маленьких экранах.

Я просто в недоумении, чтобы заставить текст подгоняться под другой размер, но при больших разрешениях он выглядит дерьмово. Я также не могу показывать изображения максимальной ширины, которые я использую в качестве меню.

Кто-нибудь из вас может помочь мне с помощью некоторых 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%
}

Источник

1 ответ 

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

Экспериментируйте с ним, чтобы получить желаемые результаты.

Источник
Другие вопросы по тегам