망막 디스플레이의 정확한 비율로 웹 사이트를 표시하십시오.

-1

저는 현재 1 : 1의 픽셀 비율을 가진 "구형"전화기에서 잘 작동하는 CSS @media 쿼리를 사용하여 반응 형 디자인을 만들고 있습니다.망막 디스플레이의 정확한 비율로 웹 사이트를 표시하십시오.

그러나 고해상도 (망막) 디스플레이는 웹 사이트를 표시하는 데 1 : 1 이외의 비율을 사용하기 때문에 웹 사이트는 작아 보입니다.

사용할 픽셀 비율을 어떻게 설정합니까?

나는 구글을 시도했지만, 그 디스플레이를위한 추가 스타일을 설정하는 유일한 방법을 발견했다.

2014-07-23 jave.web

구글은 예 나는 것을 발견 http://css-tricks.com/snippets/css/retina-display-media-query/ –

@JeremyCook 말한다, 그러나 그것은 단지 specificly 망막의 스타일을 만드는 방법을 말한다 다른 비율로 사용하는 방법이 아닙니다. –

[viewport meta tag] (http://www.quirksmode.org/blog/archives/2010/09/combining_meta.html)을 알고 있습니까? –

viewport meta tag은 장치의 너비와 일치하도록 브라우저의 뷰포트 너비를 고정하는 데 사용할 수 있습니다. 이것은 웹 사이트의 일반적인 문제가 애플의 망막 디스플레이와 같이 고해상도 스크린에 실제로 나타나지 않는 것을 극복합니다. ,

<meta name="viewport" content="width=device-width">

2014-07-23 15:57:11

답변