말씀하신 내용은 반응형 웹이라고 부르는 것입니다.
하나의 HTML 파일로 모든 기기에 맞게끔 동시 적용시키는 방법입니다.
css의 미디어 쿼리를 활용하는 데, 보통은 웹퍼블리셔의 업무입니다.
동일한 HTML + 각 화면 사이즈에 연동되는 CSS 파일로 작동됩니다.
HTML은 하나지만, 클라이언트 해상도(모니터 해상도)에 따라
각각 분기하여 CSS를 개별로 정의하는 게 핵심이며, 그것을 미디어쿼리로 해결합니다.
예를 들어,
@media screen and (max-width: 400px) {
body {
color: blue;
}
}
이처럼 하면, 최대 폭이 400px 이하인 경우, 즉 해상도가 400px 이하인 경우는 글자색을 파란색으로 바꿉니다.
이와 같은 미디어쿼리를 여러 개 쓰면, 해상도 별로 다른 처리를 할 수 있는 것이죠.
"미디어 쿼리"로 검색하시면 다양한 예제가 나오니, 그것으로 학습해 보세요.
[uxui_uxui에서 한 디자인으로 웹, 모바일 동시적용시키는것을 뭐라고 하나요?의 답글] ----------------------------------------------------------------
웹,모바일용 따로 디자인하지 않고
가로 640px로 하나만 디자인한 후
그 템플릿으로 웹과 모바일에서 다 사용할 수 있는 플랫폼?을 뭐라고 하나요?
모바일웹인가요? 다른 용어가 있었던 것 같아서요,.,,
----------------------------------------------------------------