망막 디스플레이 용 uiwebview의 iOS 크기

망막 디스플레이를 위해 UIWebView에서 고해상도 이미지를 사용해야합니까? 현재 화면 크기보다 2 배 큰 HTML을 사용하고 있습니다 (표시 할 HTML의 크기는 640px X 834px 임). 그런 다음 확대/축소 스타일을 사용하여 크기를 줄입니다.망막 디스플레이 용 uiwebview의 iOS 크기

body { zoom: 0.5 }

망막 디스플레이 용 HTML을 만드는 올바른 방법은 있습니까? 또는 일반 크기 (320px x 417px)의 HTM을 만들어야합니까?

출처

2012-03-08 andr111

아이폰 4 망막 디스플레이를 디자인하고 있다고 가정 해 봅시다. 래퍼는 320x480 일 수 있습니다. 트릭은 이미지에 2 배 더 높은 해상도를 제공하는 것입니다. 글꼴은 영향을받지 않습니다.

<link rel="stylesheet" media="screen and (-webkit-device-pixel-ratio: 2.0)" href="retina.css" /> 
<link rel="stylesheet" media="screen and (-webkit-device-pixel-ratio: 1.0)" href="normalcss.css" />

: 당신은 해상도에 따라 다른 CSS를 사용하는 미디어 쿼리와 망막 장치를 타겟팅 할 수 있습니다

.logo { 
    background-size: 64px 64px; 
    background-image:url("logo_retina.png"); // Actually a 128x128 image 

}

: 예를 들어

출처

2012-03-09 01:22:06

망막 디스플레이 용 uiwebview의 iOS 크기

답변

관련 문제