iOS 10.3 safari text-align : 페르시아어/아랍어 콘텐츠에 대한 버그를 정당화하십시오.

Question

10.3으로 업데이트하기 전에 제 웹 사이트가 작동하고 iPhone의 모든 모바일 브라우저에서 잘 보입니다. iOS를 10.3으로 업데이트 한 때부터 내 콘텐츠 페이지에 문제가 발생했습니다.

콘텐츠는 text-align: justify의 CSS 속성 인 <div>으로 묶여 있습니다. 내 콘텐츠는 Persian (Farsi)입니다.

문제는 : 내 텍스트 내용은 컨테이너를 넘쳐 나는 그것이 단지 오버 플로우되어 있는지 확인하기 위해 컨테이너에 padding를 추가 할 때, 나는 그것을 렌더링되지 이 정당화 것을 발견하고 그것을 을 보여주는 것 오른쪽 정렬.

이 문제가있는 사람이 있습니까? 누구든지 도와 줄 수 있습니까?

업데이트 나는 codepen 예를 추가했습니다 :

Answer 1

: Click Here To Open Codepen

업데이트 다음 스크린 샷에서 볼 수 있듯이을, 빨간색 텍스트는 왼쪽 사이드에 넘쳐있다

공식적으로 사파리 10.1 버그입니다. 오래된 사파리에서 정상적으로 작동했습니다.

크롬 및 다른 브라우저가 동일한 기기에서 올바르게 작동했습니다.

이 게시물을 사과 커뮤니티에서 평가할 수 있습니다. 더 빨리 해결할 수도 있습니다. safari 10.1 text-align: justify Bug

Answer 2

당신은 일시적으로 CSS에이 코드를 추가하여이 문제를 해결할 수 :

@media not all and (min-resolution:.001dpcm) { @media { 
 
    .main { 
 
     text-align: right!important; 
 
    } 
 
}}