모바일 장치 해상도 및 브라우저 뷰포트 크기

Question

해상도가 720x1280 인 Galaxy Nexus가 있습니다. 하지만 $ (window) .width()를 호출하면 360px 만 반환됩니다. 다른 장치에서 $ (window) .width()의 값을 계산할 수 있습니까? 예를 들어, 은하는 480x800입니까? 내 미디어 쿼리에 해당 값이 필요합니다.

@media only screen and (min-width: 360px){ 
    body{ 
     font-size: 62.5%; 
    } 
} 

Answer 1

내 대답을 좋아할 것인지 모르겠지만 여기에 있습니다.

너비 (고정 너비 이상)를 잊어 버리고 웹 사이트를 장치에 알맞게 만드십시오. 널리 사용되는 장치 해상도에 기초하여 중단 점을 작성하지 말고 대신 내용에 기반하십시오. 그 브라우저 창을 계속 잡아 당겨서 "옳지 않아"라고 말하는 그 느낌을 얻을 때까지 - 다음 번 중단 점입니다.

가능한 한 유동적으로 유지하고 관련 단위에 의존하십시오. 심지어 미디어 쿼리 선언에서도 마찬가지입니다.

크리스 암스트롱에 의해 읽기이 문서를주는 것이 좋습니다 : http://www.alistapart.com/articles/the-infinite-grid/를 내가 질문 제발 그냥 투표를 아래의 지점을 놓친 경우

(ALA는 일시적으로 오프라인 상태로 나타납니다 있지만),하지만 난 확신 이것은 당신이 찾고있는 것입니다.