Computer >> 컴퓨터 >  >> 프로그램 작성 >> JavaScript

모바일 CSS로 기존 웹 페이지 개조

<시간/>

개조하려면 CSS 미디어 쿼리를 사용하고 다양한 브라우저 기능에 대해 다양한 스타일시트를 허용하세요. 이점은 서버측 코드를 사용할 필요가 없다는 것입니다.

이렇게 하려면 장치를 그룹화하기 위해 스크립트에 특정 감지 코드를 추가해야 합니다.

미디어 쿼리는 들어본 적이 없는 장치도 처리합니다.

다음을 설정하십시오.

@media handheld and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 600px) {
   body {
      color: blue;
   }
}