웹/HTML
반응형 웹 기초
atlasia
2018. 3. 8. 17:55
==========================================
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 {
...
}
...
}