Chrome은 기기에서 em 기반 글꼴 크기를 다르게 렌더링합니다.

Question

레이아웃에서 페이지 사이의 글꼴 크기를 비교하는 데 문제가 있습니다. 나는 본문에 font-size: 100%;과 글꼴을 설정하고 내 단락 태그에는 font-size: 1em;을 사용합니다.

CSS 열과 단일 열 레이아웃이 설정된 두 개의 열 페이지가 있습니다. 글꼴은 단일 열 페이지에서 더 크게 렌더링됩니다. 또한 바닥 글과 내 사이트의 주요 섹션에서 font-size: .75em;으로 다르게 렌더링됩니다.

나는 크롬 만이와 아이 패드 3

사람이 있습니까 경험에서 넥서스 7이 문제에 문제를 일으킬 크롬에 비 문제가 나타나는의 것으로 확인되었습니다?

Answer 1

이들은 서로 다른 2 개의 OS로, 일반적으로 장치간에 이러한 불규칙성이 발생하는 것은 규칙적입니다. EM은 기본 글꼴 크기를 기반으로합니다. 선언하지 않으면 화면 해상도에 따른 os가 하나를 선언합니다. font-size:100%은 아무 것도하지 않으므로 본문에 고정 글꼴 크기, 즉 font-size:12px을 선언해야합니다.

그런 다음 일관성을 유지해야합니다.