0
iOS는 쉽습니다. 픽셀 비율은 항상 1 또는 2이고 대상 dpi는 항상 픽셀/비율이기 때문입니다. 그러나 안드로이드는 1.3, 1.5, 경우에 따라 픽셀 비율을 2.25로 사용합니다. 필자는 안드로이드 디바이스에서 목표 dpi를 픽셀/비율로 설정하는 방법을 잘 모르고 있지만, 쉬운 수정이 될 수 있습니다. 그러나 실제 픽셀 수가 홀수 배의 모든 디스플레이에 대해 픽셀 불완전 솔루션을 상상합니다 카운트 (1.3, 1.5 등).모바일 크로스 플랫폼 사이트에 CSS를 작성하는 방법
지금 당장은 기본적으로 각 -webkit-min-device-pixel-ratio에 대해 CSS를 작성하고 있습니다. 반올림을 위해 약간의 조정 만하면 수동으로 해당 비율로 내 px 값을 곱하면됩니다. em을 사용하면 글꼴 및 다른 몇 가지 작업에 적합하지만 절반, 비어 있거나 겹치는 픽셀을 원하지 않으면 요소의 위치 지정 및 크기 조정에 px을 사용해야합니다.
더 좋은 방법이 있나요?
그렇지 않은 경우 배경 이미지를 처리하는 가장 좋은 방법은 무엇입니까? 각 device-pixel-ratio에 대해 background-size을 변경하고 있기 때문에 단순히 각 비율에 대한 모든 아이콘에 대해 모든 단일 배경 위치를 다시 작성하지 않아도됩니다.
실제로 뷰포트를 모두 설정했지만 안드로이드 장치의 장치 너비는 딥이 아닌 실제 픽셀 인 것 같습니다. 맞는지 아십니까? 내 문제는, 정말로, 픽셀 완벽에 대한 나의 집착 인 것 같습니다. 나는 어떤 방식으로 확장되는 것에 대한 생각을 견딜 수 없습니다. – bearfriend
죄송합니다. 직접적인 경험이 없습니다. 하지만 스케일링은 현대 웹 디자인의 한 부분 일뿐입니다. 내가 생각할 수있는 최선의 대안은 뷰포트를 기반으로 다른 크기의 레이아웃으로 웹 사이트를 스냅하는 미디어 쿼리를 사용하는 것입니다. – Cthulhufish