Skip to content

[CSS in depth] part2 Responsive design

Jump to bottom
JueunPark edited this page Jun 11, 2023 · 1 revision

Responsive design

“mobile first” approach

  • hover는 desktop에서는 동작하지만 mobile에서는 동작하지 않음

  • 모바일 작업을 나중에 하면 데스크탑에서 hover로 처리한 것을 다르게 처리 해주는 번거로움이 생김

  • 모바일 작업을 먼저 하고 데스크탑을 작업하면 +a 이므로 문제가 없다.

  • 반응형은 css로 조정하는 것, html은 동일해야한다.

  • viewport meta tag 설정을 해야한다.

image처리

Clone this wiki locally