2011-05-13 7 views
1

나는이 멋진 웹 사이트를 통해 오늘 아침에 왔어요? 4 가지 레이아웃을 사용하고 클라이언트의 화면 해상도에 따라 전환하십시오. 어떤 종류의 "동적 레이아웃"처럼 더 똑똑한 무언가가 있을까요?다중 해상도 레이아웃

+0

4 가지 크기의 레이아웃! = 4 해상도. – Quentin

+0

정확히 무슨 뜻입니까? 단일 레이아웃이 "320 ~ 480 픽셀"과 같은 전체 해상도 세트에서 작동 할 수 있다는 것에 동의합니다. 그게 당신이 말하는거야? – plang

+0

무엇을 의미합니까? 당신이 제공 한 링크는 동적 인 레이아웃입니다. 페이지를 축소 했습니까? 나는 이것이 훌륭한 기술이라고 생각한다. 나는 (반) 액상 레이아웃이 돌아온다는 것을 완전히 확신한다. 이미지의 크기 조정에 관해서. 각 이미지에 일정 비율의 너비를 지정하면됩니다. 최대 너비를 원본 이미지 너비로 선언하는 것을 잊지 마십시오. 그렇지 않으면 이미지가 흐리게됩니다. –

답변

1

미디어 쿼리는 CSS 3의 일부이며 실제로 해당 웹 페이지의 예입니다. 스크린/인쇄와 사용 가능한 장치 해상도 및 기타 매개 변수를 기반으로 다양한 CSS 파일을 지정할 수 있다는 아이디어가 있습니다.

일부 관련 링크 :

나는이 훨씬을 수행하지 않은하지만 난과에 대해 인수를 들었습니다. 다른 방법은 어떤 css/페이지를로드 할 것인지를 결정하는 브라우저 감지입니다.

관련 문제