해상도에 따라 웹 CSS 변경

Question

그래서 내 웹 사이트에 normal.css 및 widescreen.css에 대해 2 개의 CSS 파일을 만들었습니다. 내 웹 사이트에서 해상도에 따라 다른 CSS 파일을 사용하고 싶습니다. 정상적인 경우 normal.css 경우, 화면의 폭이 가장 현대적인 브라우저에서 지원보다 더 큰 1280 개

감사

Answer 1

이라고 가정 widescreen.css. 이것이 IE8 이하에서는 작동하지 않을 것이라는 점을 유의하십시오.

@media screen and (min-width: 1024px){ 
    /* CSS here */ 
} 
@media screen and (max-width: 1024px){ 
    /* CSS here */ 
}