[RE] 하나의 디자인으로 웹 & 모바일 동시 적용시키는것을 뭐라고 하나요?

말씀하신 내용은 반응형 웹이라고 부르는 것입니다.

하나의 HTML 파일로 모든 기기에 맞게끔 동시 적용시키는 방법입니다.

css의 미디어 쿼리를 활용하는 데, 보통은 웹퍼블리셔의 업무입니다.

동일한 HTML + 각 화면 사이즈에 연동되는 CSS 파일로 작동됩니다.

HTML은 하나지만, 클라이언트 해상도(모니터 해상도)에 따라

각각 분기하여 CSS를 개별로 정의하는 게 핵심이며, 그것을 미디어쿼리로 해결합니다.

예를 들어,

@media screen and (max-width: 400px) {
    body {
        color: blue;
    }
}
이처럼 하면, 최대 폭이 400px 이하인 경우, 즉 해상도가 400px 이하인 경우는 글자색을 파란색으로 바꿉니다.

이와 같은 미디어쿼리를 여러 개 쓰면, 해상도 별로 다른 처리를 할 수 있는 것이죠.

"미디어 쿼리"로 검색하시면 다양한 예제가 나오니, 그것으로 학습해 보세요.

[uxui_uxui에서 한 디자인으로 웹, 모바일 동시적용시키는것을 뭐라고 하나요?의 답글] ----------------------------------------------------------------

웹,모바일용 따로 디자인하지 않고

가로 640px로 하나만 디자인한 후 

그 템플릿으로 웹과 모바일에서 다 사용할 수 있는 플랫폼?을 뭐라고 하나요?
모바일웹인가요? 다른 용어가 있었던 것 같아서요,.,,
----------------------------------------------------------------