다른 사람이 다음 가지고있다 :파이어 폭스 특수 문자 행 높이
파이어 폭스 (하지만 크롬, IE 또는 Safari) 거대한 줄 높이와 같은 DARR 같은 특정 특수 문자를 표시하는 몇 가지 이유입니다. 문자를 선택하면 약 6 줄에 걸쳐 선택됩니다. 그것은 내 HTML 버튼을 망치고 그것들을 정말로 커 보이게합니다! (패딩 문제가 아닙니다 ...)
왜 이런 식으로해야할까요? FF 로의 새로운 버그입니까? 지난 주에 일어난 일이 아니 었습니다 ...
미리 감사드립니다!
이 증상을 재현 할 수 없습니다. 내가하는 일은 "화살표"하위 범위 대신 "블록 요소 및 기하학적 도형"에서 유니 코드 문자를 사용하는 것입니다. 또한 나는 "특이한"글꼴 군을 피하고있다.
샘플보기 : ↓ ... ▼ (9960 또는 U25BC)
확률 적 설명은 브라우저가 매우 큰 기본 라인의 높이가 글꼴에서 이중 화살표 (또는 다른 특수 문자)를 집어된다 (예 : Cambria Math). 다른 사람들이 다른 관찰을 한 이유는 일반적으로 사용되는 글꼴에 특정 문자가 포함되어 있지 않으면 브라우저에서 일부 대체 기능을 사용하게되고 결과가 브라우저 버전 및 설정에 따라 달라질 수 있기 때문입니다.
두 수정이 있고, 심지어 동시에 적용 할 수
1) 예를 들어, CSS의 라인 높이를 설정 * { line-height: 1.3 }. 기본 행 높이가 대체됩니다.
2) 사용 된 모든 문자가 나열된 글꼴로 표시되고 스타일이 허용되도록 텍스트에 font-family을 설정하십시오. 예를 들어, Arial Unicode MS 및 Lucida Sans Unicode를 포함하면 Cambria Math가 사용되지 않습니다. 그러나 Cambria Math가 캐릭터에 대해 괜찮다고 판단하면 목록에 포함 시키되 수정 1을 사용하십시오.
고마워요.하지만 근무한 사람도 없습니다. 가장 이상한 일은 무작위로 일어난 일입니다. 이전과 똑같은 페이지가 벌금을 내고있었습니다. 내 스크립트에서 문제가되지 않습니다. 브라우저에서 문제가있는 것 같습니다 ... – user1039769
예제 (http://jsfiddle.net)를 보여줄 수 있습니까? –
은 이것을 재현 할 수 없습니다. 나는 html 파일에 "_this is a ⇓ _"이라고 쓰고 크롬과 파이어 폭스의 최신 버전의 출력을 비교했다. 차이 없음. – oezi
예를 들어 Google dArr HTML 만 입력하면됩니다. faqs.org의 결과에는 설명에 아래쪽 화살표 문자가 있습니다. 해당 문자를 선택하면 선택 줄 높이는 어떻습니까? 다른 일반 문자를 선택하는 것보다 더 큽니까? 저에게 그것은 훨씬 더 큽니다 ... – user1039769