미디어 쿼리 및 애니메이션 적용 텍스트 크기

Question

내 탐색의 글꼴 크기를 변경하는 미디어 쿼리를 사용하고 있습니다 :

내 창의 크기를 변경하면 문제가있다

는, 텍스트가 다른에 애니메이션

/* Large desktop */ 
@media (min-width: 1200px) 
{ 

#nav-options{ 
    margin: 45px 0 0 20px; 
    li{ 
     margin: 0 15px 0 15px; 
     font-size: 20px; 
    } 
} 
} 

/* Desktop */ 
@media (min-width: 980px) and (max-width: 1199px) 
{ 
#nav-options{ 
    margin: 45px 0 0 0px; 
    li{ 
     margin: 0 0px 0 0px; 
      font-size: 10px; 
    } 
} 
} 

크기. 그것을 끌 수있는 방법이 있습니까?

Answer 1

글꼴 크기를 변경하지 마십시오. 이제 다른 해상도에 대해 서로 다른 크기를 사용합니다.

Answer 2

max-device-width 및 min-device-width을 사용해야합니다. 그것은 화면 해상도에서만 작동하며 창 크기가 아닙니다.