반응형 웹 기초

==========================================

native : 고정형

hybrid : 모듈 추가제거

반응형 웹 : pc, 모바일용으로 기기에 최적화

- 보통 2개를 만들며, 스타일 변경으로 조절 가능

◎검색 엔진에 도움 주는 태그

<meta> 태그

●모바일, pc에 따른 동적 스타일 적용 ?

@media screen([min/max]-width xxxpx){

처리할 스타일

}

●프린트시 처리할 옵션 ?

@media print {

처리할 스타일

}

●가로, 세로일 경우 처리할 스타일

@media screen and (orientation: portrait){

body {

... 

}

...

}

@media screen and (orientation: landscape){

body {

... 

}

...

}