2012-10-02 2 views
0

현재 ST2 기반 웹 응용 프로그램에서 작업 중이며 전체 응용 프로그램에서 글꼴 크기의 일관성에 이상한 점이 있습니다. 처음에는 사용자 지정 SASS 파일에서 설정 한 글꼴 크기 특성 때문일 수 있다고 생각했지만, SASS 파일에서 모든 "font-size"속성을 제거하면 글꼴 렌더링이 일관성없이 계속 표시됩니다.글꼴 크기 변동 및 불일치

여러 "루트"보기에서 뷰를 밀어 넣고 있지만 font-size 속성을 설정하지 않으면 모든 글꼴이 같은 크기로 렌더링됩니다. 내가 놓친 게 있니? 필자는 여러 장치에서 글꼴 크기에 대해 언급하지 않는다는 것을 알아 두십시오 ... 이것은 일반적으로 응용 프로그램 자체의 글꼴 크기입니다.

각 이미지가 표시 될 때까지 걸린 경로와 첨부 된 이미지를 확인하십시오. 그것들은 같은 구성 요소를 가진 똑같은 견해입니다 - 유일한 차이점은 사용자가 거기 도착하기 위해 취한 경로입니다. 모든 사용자 정의 글꼴 속성을 제거 했으므로이 시점에서 Sencha의 스타일을 순전히 참조합니다 (Chrome, iOS 에뮬레이터 및 iPhone에서 로컬로 실행되는 iPhone에서 테스트 됨).

사용자 경로 : 대시 보드보기 (루트보기)> 팀 프로필

enter image description here

사용자 경로 : 대시 보드보기 (루트보기)> 프로그램보기 (루트보기)> 팀 프로필

enter image description here

두 번째 "팀 프로필"보기의 글꼴 크기가 더 큽니 까? 전체 앱에 글꼴이 설정되지 않은 상태에서보기에 어떻게 도착했는지에 관계없이 동일한 글꼴이 될 것으로 기대합니다. 누군가 여기서 설명 할 수있는 일을 설명해 줄 수 있습니까?

미리 감사드립니다.

+0

크롬과 같은 브라우저에서 실행하고 dev 도구를 사용하여 요소를 검사 해 보았습니까? 위조 된 CSS 속성과 애플리케이션에 의해 생성 된 것인지 여부를 추적 할 수 있어야합니다. –

+0

그래, 문제의 원인을 파악하려고 DOM을 샅샅이 조사했습니다. 나 자신이 설정 한 글꼴 속성 값은 0이고 핵심 Sencha 파일의 글꼴 속성 값은 소수입니다. 이 시점에서 나는 거의 확실합니다. 그것은 Sencha 아키텍처 자체에서 뷰가 푸시되고있는 방식과 관련이 있습니다. – Bingles

+0

나는 동일한 문제가있다. 광산은 첫 번째보기에서는 더 크고 두 번째보기에서는 더 작고 후속보기는 더 작습니다. – Kevin

답변

1

더 큰 글꼴로보기의 구성에 styleHtmlContent: true을 포함하지 않았다는 것을 발견했습니다. 보기에 해당 옵션이 설정되어 있지 않으면 추가하고 차이가 있는지 확인하십시오.