반응형 웹 설계

반응형 웹 설계

때에 따른 방법 선택

• viewport 에 따른 CSS class, id 적용

  하나의 html 에 viewport 별로 class, id 를 적용하는 경우

  • 중요점

    HTML, CSS 설계

  • 장점

    html 소스를 낭비하지 않고 코드가 짧아짐

  • 단점

    viewport 가 많아질 수록 유지보수 하기 힘들어짐

• 각 viewport 에 맞는 별도의 HTML 과 CSS

  • 중요점

    HTML, CSS 설계

  • 장점

    각 viewport 별로 독립적인 html 소스를 사용하므로 유지보수 하기 쉬워짐

  • 단점

    코드의 길이가 급격히 늘어날 수 있음