css3 미디어 쿼리 질문

Question

나는 css3 미디어 쿼리를 스스로 가르치려고하고 있으며, 나는 작은 것을 혼동하고 싶습니다. 너비/높이와 장치 너비/장치 높이의 차이를 알아낼 수 없습니다. device-width/device-height는 특정 휴대 전화 또는 소형 컴퓨터에서만 사용할 수있는 css3 속성입니까? 그렇다면 추천 할 수있는 크기를 제공하는 온라인 리소스가 있습니까?

Answer 1

이 이미

http://css-tricks.com/snippets/css/media-queries-for-standard-devices/

정상 폭과 높이 스타일이 페이지에있는 모든 요소에 적용 할 수있는 CSS에 갈 일반적인 스마트 폰과 태블릿 크기에 대한 좋은 소스입니다. 예를 들어 div 태그의 너비를 100px로 설정하려면이 방법이 한 가지 방법입니다.

CSS 미디어 쿼리에 대한 자세한 내용은 그들이 읽고 좋은 사이트를 작동하는 방법

Answer 2

차이 http://www.htmlgoodies.com/beyond/css/introduction-to-css-media-queries.html 여기에 설명 된 여기하려면 Difference between width and device-width in CSS media queries

은 또한 당신이 여기 크기의 목록을 찾을 수 있습니다 : 다른 많은 장치에 대한 다음 http://css-tricks.com/snippets/css/media-queries-for-standard-devices/

: http://nmsdvid.com/snippets/

그리고 페이지가 아래로 내려 가면 3 분의 1에 대한 다이어그램이 꽤 있습니다. http://line25.com/tutorials/create-a-responsive-web-design-with-media-queries