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

Question

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

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

Любой из вас, кто может помочь мне с помощью некоторых команд CSS?

Пример текста CSS и изображения CSS:

#dick{ 
 
\t color: black; 
 
\t z-index: 400; 
 
\t position:absolute; 
 
\t 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; 
    } 
} 

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