"응답 성있는"웹 디자인을 고려해야하는 이유는 무엇입니까?

이것은 프로그래밍 질문보다 그래픽 디자인 질문처럼 보일 수 있지만 실제 그래픽 디자인보다 훨씬 기술적 / 프로그래밍 장점이 있다고 생각합니다.

"응답 성있는"웹 디자인 의 개념은 CSS3에서 미디어 쿼리를 사용하여 시청 장치의 크기를 감지하고 그에 따라 CSS 규칙 (기본적으로 동적 CSS)을 조정하는 것입니다. 이것은 특히 모바일과 같은 많은 배포 사례에서 빈 공간을 채 웁니다.

미디어 쿼리 사용이 느리게 진행되고 있다고 생각합니다 (많은 사람들이 그것에 대해 실제로 알지 못한다는 것을 알았습니다). 그러나 채택 속도가 느린 이유가 있는지 궁금합니다. 웹 응용 프로그램에는 실용적이지 않습니까? 근본적인 함정일 수있는 누락 된 것이 있습니까?

실제로 작동하려면 농구대를 뛰어 넘어야합니다. 내가 개발중인 사이트의 @media (max-width:800px)경우 전화 및 기타 작은 화면의 스타일 시트를 정의하는 데 사용 했습니다. 그러나 그것은 예를 들어 iPhone에서 사용되지 않았습니다.

전화 브라우저 개발자는 사람들이 작은 화면을 고려하지 않기 때문에 여분의 메타 태그를 넣지 않으면 렌더링 엔진 (예 : 너비가 900px 이상이라고 주장)에 거짓말을한다고 가정합니다. 거짓말하다. 브라우저 구현 자와 싸우고 있다는 점에 도달하면 노력할 가치가 있는지 궁금해지기 시작합니다.

나는 모든 사람을 위해 말할 수는 없지만 내 자신의 경험에서 시간과 돈이 결정 요인이었습니다. 동료와 저는 항상 최신 정보를보고 있지만 크기가 다른 장치에 대해 서로 다른 레이아웃을 디자인하고 구현하는 것은 큰 문제입니다. 특히 3 살짜리 노키아 5800에서는 모든 웹 사이트가 잘 보입니다. 우리는 소기업 및 자영업자를위한 웹 사이트를 디자인하고 구현합니다.

유효한 또 다른 이유는 별도의 사이트 맵 ( http://www.google.com/support/webmasters/bin/answer.py?hl=ko&answer=34648 )을 사용 하여 완전히 분리 된 모바일 버전 용 웹 사이트를 제공하기 때문입니다 . 사이트를 유지 관리하는 쉽고 엔트리 레벨의 방법입니다.

데이터를 안정적으로 복구 할 수 있다면 문제가 없습니다.

그러나 누군가가 데스크톱 컴퓨터의 창 브라우저에 웹 페이지를로드한다고 상상해보십시오. 전체 화면을 열어서 모든 내용을 읽도록하거나, 축소 된 창에 크기를 수용하고 최대화 할 때 많은 빈 공간을 제공합니까? 페이지로드시 CSS를 한 번 제공합니다!

전화를 회전 할 때 가로 / 세로 모드를 전환하는 전화 브라우저는 어떻습니까? 단순히 해상도가 너무 낮고 사람들이 일반적으로 확대를 사용하지만보고 된 방식에 맞게 너무 작은 해상도로 페이지를 읽을 수없는 브라우저는 어떻습니까?

적절한 확장 가능 CSS를 만드는 표준 지침을 따르고 브라우저가 페이지를 올바른 해상도로 조정하도록하십시오.