Em 대 Px 및 크로스 브라우저 호환성

Question

저는 CSS 초보자이며 제 CSS의 크로스 브라우저 호환성에 관해서는 px 대신 em을 사용하는 것이 좋은지 궁금합니다.

Answer 1

엄밀히 말하면 em over px는 브라우저 간 호환성 문제가 아닙니다. 모든 브라우저는 글꼴 크기 조정을 위해 두 브라우저를 모두 사용할 수 있도록 지원합니다.

시장 점유율이 가장 큰 브라우저 인 IE6은 텍스트 크기 조정을 허용하지 않으므로 글꼴 크기 조정에 px를 사용하지 않는 것이 좋습니다. px는 em과 같은 상대적인 값이 아닌 절대 값으로 간주되므로 px로 텍스트의 크기를 늘리거나 줄일 수 있습니다.

잠재 고객에 따라 걱정할 필요가 없을 수도 있습니다. em의 이점에 대한 유용한 정보와 유체 레이아웃을 구축하는 데 도움이되는 방법은 다음과 같습니다. http://www.alistapart.com/articles/fluidgrids/

Answer 2

EM은 일부 이전 브라우저 (IE 6 포함)에서 크기를 조정할 수 있지만 PX는 그렇지 않습니다. 하지만 솔직히 접근성이 필요한 사람들은 글꼴 크기를 조정할 수 있어야보다 최신 브라우저를 사용하고 있습니다.

PX 초보자 용 초보자 용. EM은 유동적이어서 고통 스러울 수 있습니다. 왜 이상한 영향을 미치는지 확실하지 않을 수 있습니다.

은 PX에 대한 자세한 내용은이 읽기 - EM을 - % -이 도움이 http://css-tricks.com/2580-css-font-size/

희망.

Answer 3

예. 일부 브라우저 (-cough IE8 -cough)는 픽셀 단위로 올바르게 텍스트의 크기를 조정하지 않습니다. 확대/축소는 잘되지만 텍스트 크기를 변경하면 아무런 결과가 없습니다.

엠씨는 사용자가 요구할 때 어느 정도 축척이 보장됩니다. 또한 ems는 텍스트와 잘 맞아야하는 텍스트를 수용하는 탐색 버튼이나 상자에 사용할 수 있습니다. 글꼴 크기가 아닌 텍스트와 함께 사용할 수 있습니다. 다양한 브라우저에서 확대/축소하고 텍스트를 확대하여 어떤 결과가 나오는지보십시오.

Answer 4

웹 작업을 처음 시작할 때 배웠던 지침 중 일부는 길가에 떨어 졌다고 생각합니다. 글꼴 크기 조정에 대한 권장 사항은 그 중 하나입니다. 그 이유는 간단합니다. 모든 현대의 브라우저는 그래픽으로 전체 페이지를 매우 깨끗하게 줌하므로 브라우저의 기능으로 텍스트 크기가 결정됩니다.

텍스트 확대 문제는 IE6에만 있습니다 (IE8을 확대/축소 할 수 있음). IE6는 전 세계적으로 10 % 미만의 점유율을 차지하고 있습니다. "시력이 약한"사람들은 미국 인구의 약 2 %를 차지합니다. 이는 IE6가 미국 내 사용자의 0.2 %에게 이익이된다는 것을 의미합니다. 저 밖에서 0.2 %의 점유율을 가진 브라우저가 있다면, 우리는 그것을 모두 무시할 것입니다.

"확장 가능"글꼴 크기 조정을 무시하는 이점은 구현 및 이해 모두 더 간단하기 때문에 px를 사용하면 매우 높습니다. 캐스케이드의 신비에 영향을 받기 쉽지 않습니다. 메뉴 막대와 같이 높이를 정확하게 제어해야하는 상황에서 특히 유용합니다.

나는 최근에 px를 선호하는 사이트에서 em과 %를 제거하기 시작 했으므로 내가 공격하지 않은 경우가있을 수 있습니다. 지금까지 나는 결과가 고무적인 것을 발견했다.

그래서 저는 초보자뿐만 아니라 일반적으로 px를 추천합니다.