방탄 웹 디자인에서 저자는 글꼴 크기를 픽셀 단위로 지정하는 것이 접근성 측면에서 올바른 방법이 아니라고 언급합니다.안쪽 여백에 픽셀, 여백
나중에 도서에서 여백과 여백을 픽셀 단위로 사용합니다. 제 질문은 픽셀이 장치의 해상도와 관련이 있으므로 다른 장치에서 액세스 할 때 일관성을 유지하겠습니까?
설명해 주셔서 감사합니다.
- 업데이트 : 저자가 나중에 메모를 읽어 진정한 설계의 스케일링 (뿐 아니라 텍스트)을 제공하는 등 저자는 "마진, 패딩, 줄 높이에 대한 EMS를 사용하여 시도하고, 글꼴 크기에 관계없이. "
오래된 브라우저 지원/접근성 문제를 고려하면 상대적 측정이 선호됩니다.
의견이 많이있다하지만 그것을 할 아무도 가장 잘/잘못 방법을 픽셀 단위의 설명을 참조 . 내용은 콘텐츠, 사이트, 대상, 코드 등에 따라 다릅니다.
글꼴을 픽셀로 정의하는 데있어 본질적으로 액세스 할 수있는 것은 없습니다. IE6에서 사용자 환경 설정을 통해 형식을 지정하는 것이 어려웠던 시간이 있었지만, 이는 px 단위가 아니라 IE6에서 실패했습니다. 많은 사람들은 이제 대량의 상속 된 CSS와 깊이 중첩 된 DOM이있는 대규모 사이트에서 일을 쉽게 할 수 있으므로 px로 유형을 지정하는 것을 선호합니다.
앞에서 설명한 바와 같이 em은 유형의 크기에 비례 한 측정 값입니다. 따라서 em을 사용하여 패딩과 여백을 지정하면 페이지의 기본 글꼴 크기에 비례하여 변경됩니다. 그거 괜찮아? 다시 말하지만, 귀하의 특정 페이지 레이아웃과 필요에 따라 다릅니다.
예, 나는 많은 사람들이 볼 수 있습니다 요구 사항에 따라 강조합니다. 사람들이 IE6을 광범위하게 사용하거나 모바일을 사용하는 경우 상대적 측정을 사용하는 것이 걱정됩니다 ... – Anna
IE6에서만 문제가됩니다. 최신 브라우저는 픽셀 단위로 확대 되어도 제대로 확대하고 텍스트를 확대합니다.
em으로 글꼴 크기를 설정해도 다른 브라우저에서는 접근성이 향상되지 않습니다. 그러나 모든 브라우저에서 아무런 해가 없으므로 적합한 경우 브라우저를 사용하십시오.
CSS의 픽셀은 실제로 픽셀이 아니며보기 각도의 백분율입니다. 고해상도 기기는 콘텐츠를 잘 표시하고 픽셀 크기를 설정하면 작은 크기로 표시되지 않습니다.
참조 :
A Pixel is Not a Pixel - 쿼크 모드
W3C Unit Definitions - 무료 두통
예 일관되게 유지됩니다. 픽셀 단위로 정의 된 모든 요소가 그에 따라 작동하도록 설정됩니다. 단점과 장점은 특정 영역에 머물러야하는 세부 사항을 가진 디자인이 있고 상대 위치가 이동 방법입니다. ...하지만 stackoverflow 및 포럼과 같은 간단한 구조를 사용하는 경우 등 백분율 등 그들이 더 많은 액세스 할 수 언급 한대로 화면 해상도를 숙달하기 때문에 더 적합한 방법입니다. – Breezer