다른 해상도로 텍스트 및 이미지 크기 조정하기

Question

나는 거의 모든 화면에서 %를 사용하여 더 작은 화면에 맞도록 웹 사이트를 만들고 있습니다.

더 큰 해상도에서 엿 같은 텍스트를 다른 크기로 조정하면 손실이 발생합니다. 나 또한 메뉴 바 (menubar)로 사용하는 최대 너비의 이미지로 보일 수 없다.

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

실험은 원하는 결과를 얻을 수 있습니다.