html - 안드로이드 - dp-sp와 PX의 관계



안드로이드 스튜디오 dp px sp mm in pt (2)

나는 dp와 sp에 대한 구글의 정의를 읽는 것을 추천한다.이 문서는 안드로이드 문서 ( here , here 에서 찾을 수있다.

DPI 에 대한 훌륭한 디자이너 가이드 에는 유용한 정보가 있습니다.

https://src-bin.com

나는 dp, sp와 px의 차이점을 묻지 않을 것이다.

나는 Google의 새로운 소재 디자인을 기반으로 웹 사이트를 설계하고 있으며, 모든 측정은 dp (그리드 용) 및 sp (텍스트 용)에 있습니다. 내 질문은 픽셀로 변환하는 방법입니다. 저는 4 년 이상 웹 사이트를 디자인 해 왔으며 모든 측정 (그리드와 글꼴)은 픽셀 단위입니다.

예 :

  1. 헤드 라인은 24sp이며, 몇 픽셀입니까? (그것의 24px, 나는 그들을 일치 시키려고 노력했다, 그것은 약 28px이지만 표준 측정 시스템이 있어야한다).
  2. 그리드 가이드 라인 : "모든 구성 요소는 8 dp 사각 기선 그리드에 정렬됩니다." - 얼마나 많은 픽셀이 같습니까?

데스크톱이나 평균 모니터 또는 모바일 장치에서 1px =? dp =? sp?


Answer #1

나는 그 대답이 다음과 같을 것이라고 생각한다.

평균 모니터 또는 모바일 장치에서 1px = 1dp = 1sp.

나는 어떻게 이것을 생각해 냈는가?

픽셀은 픽셀이므로 andriod의 경우 dp 및 sp가 사용됩니다. 크기가 비싼 기본 응용 프로그램에 사용되며 각 화면의 dpi는 장치에 따라 다르기 때문입니다. 데스크톱의 경우이 모든 것이 동일하지만 물론 웹 사이트는 모바일 장치에서 호환 / 응답해야하지만 브라우저에서 웹 사이트가로드되기 때문에 지침에 따라 몇 가지 추가 미디어가 작동합니다.

누군가 다른 논리적 인 결론이 있다면 공유하십시오.





material-design