SMS처리 도우미
제목
  [RE] 하나의 디자인으로 웹 & 모바일 동시 적용시키는것을 뭐라고 하나요? (From. 소스놀이터)

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

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

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

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

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

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

 

예를 들어,

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


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


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


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

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

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

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

트위터, 페이스북 공유 부탁드립니다~!
트위터   페이스북


  • 패스워드
X