페이지 너비에 따라 CSS를 변경하십시오. javascript?

Question

Google은 휴대 기기, iPad, iPhone, Android에 배포 할 웹 앱을 개발 중입니다. 다른보기를 표시하기 위해 사용자 에이전트를 걸러내는 대신 화면 너비에 따라 CSS를 변경하는 편이 낫다. (실제로 유일한 유일한 것임)

폭이 축소 될 때, 그것이 내가 갈 것입니다 방법 (아래 그림 참조) 너무 많은 수직 공간

을 차지하지 않도록 함께 jQuery를 함께, 나는 한 부분에 대한 CSS를 변경했습니다 다음과 같은 버튼을 구현하는 것과 관련하여 :

너비도 하나 개의 버튼을 노크 할 정도로 좁은 경우

이상적으로는 행에 따라서 버튼을 모두 쌓아 된 CSS 또는 이와 유사한을 변경할 수 있습니다. 그 후 버튼이 올바르게 보이도록 작업 할 수 있습니다.

Answer 1

페이지 너비에 따라 CSS를 변경하는 가장 간단한 방법은 Media Queries을 사용하는 것입니다.이 방법은 JavaScript가 필요하지 않습니다. 실제로 페이지 너비에 따라 페이지 내용을 변경하려는 경우 http://www.alistapart.com/articles/responsive-web-design/

, 당신은 RESS 뭔가를해야합니다 :

여기 개념의 발신자 간주 사람에서 반응 형 웹 디자인에 큰 소개입니다. Here's 간단한 스크립트이지만 쿠키가 필요하며 화면 크기 조정시 조정되지 않으므로 절대적으로 필요하지 않으면 미디어 쿼리가 훨씬 좋습니다.