font-size에 대한 뷰포트 단위를 사용하려고 시도했지만 원하는 크기가 균일하게 확장되지 않았습니다.글꼴 크기에 대한 뷰포트 단위
다른 운영 체제에서 동일한 브라우저 (크롬)에서 OS X을 실행하는 화면 크기가 작은 브라우저는 큰 화면/해상도가있는 창보다 더 크고 읽기 쉬운 글꼴이었습니다.
동일한 브라우저에서 동일한 os (창)이지만 다른 장치 (동일한 종횡비)에서 글꼴은 완전히 다르게 보입니다.
이전에 다른 운영 체제에서 글꼴을 다르게 표시했지만 두 번째 senerio에서는 그렇지 않습니다. 글꼴 크기에 대한 뷰포트 단위의 구현이 여전히 버그가 있습니까? text-rendering: optimizeLegibility으로 렌더링하면 많은 도움이되지 않습니다. 나는 지금 당장 px/em에 집착해야 하나, 내가 놓쳤던 CSS 속성은 이러한 효과를 최소화하는 데 도움이 될 수있다.
iOS의 경우 - 해상도가 더 높은 망막 화면에 있지 않습니까?
어쨌든 font-size와 관련해서는 px 또는 em이 더 나은 선택이라고 생각합니다. 보통 대다수의 코드에는 px를 사용합니다. 그 이유는 부모님의 상속으로 인해 실제 크기를 다르게 계산하는 브라우저에 대해 완전히 제어 할 수 있으므로 브라우저를 걱정할 필요가 없기 때문입니다 (IE - 나는 당신을보고 있습니다!). 일반적으로 필자는 개인적으로 뷰포트 단위를 글꼴 크기로 사용하는 데 많은 유스 케이스가 있다고 생각하지 않으며 미디어 쿼리와 함께 px 또는 em을 사용하여보다 일관된 결과를 얻을 수 있습니다.
상속 된 ems의 IE 문제는 오래 전부터 오래되었습니다. 아직 가지고 있다면, 당신은 quirks 모드에서 귀하의 사이트를 실행하지 않는거야? 그렇지 않으면, 망막 스크린에 좋은 점. –
@MrLister, 작년에 나는 왜 일부 아이콘 (글꼴 아이콘)이 다른 크기보다 다른지 알아 내려고 노력하면서 시간과 시간을 낭비했습니다. 동일한 크기로 정의되었지만 형제 아이콘 중 일부는 완전히 확인되었지만. 파기를하다가 마침내 값을 px로 변경하고 문제가 사라졌습니다. 문제는 Edge 호환 모드의 IE11에서 발생했습니다. 그래서, 어떤 경우에는 여전히 일어날 수 있습니다. 그렇다면 문제가 무엇인지 알아 내기까지 오랜 시간이 걸릴 것입니다. :) –
그래서 res> 8k를 염두에두고 사이트를 구축하는 것이 현재로서는 그럴싸하지 않습니까? :) –
모든 최신 브라우저는'vw '를 지원하므로 문제는 아닙니다. 그 글꼴이 특정 글꼴의 특정 글꼴 크기가 아닌 것이 확실합니까? 하나의 브라우저에서 글꼴이 17px를 제외하고 거의 모든 크기로 멋지게 보이는 다양한 경우를 알고 있습니다. –