2012-04-18 3 views
0

전화가 가로 모드로 회전 할 때 아이폰의 텍스트 크기를 조정하는 방법을 묻는 요청이 많이 있습니다. 그러나 안드로이드 폰에서 이런 일이 일어나길 원합니다. 아이폰. 내가 연구 한 모든 것은 -webkit-text-size-adjust를 사용하여 iphone에서이 기능을 끄도록 지시합니다 : none;전화가 회전 할 때 아이폰처럼 텍스트 크기를 조절하는 안드로이드

아이폰처럼 회전 할 때 안드로이드 브라우저가이 텍스트의 크기를 재조정하도록 강제하는 CSS에 뭔가가 있습니까?

+0

화면 방향을 가져 와서 원하는 텍스트 크기를 변경할 수 있습니다. –

+1

가로 모드에서는 세로보기에서의 텍스트 표시보다 큰 텍스트를 볼 필요가 있습니다. "res"에서 2 개의 새로운 레이아웃 폴더 "layout-pot"& "layout-land"를 만들고 webkit으로는 할 수없는 일종의 layout.xml에서 변경 사항을 설정하십시오. – Harpreet

답변

1

미디어 쿼리는 이러한 종류의 작업에 적합합니다. 내가 가장 본 적이 것은 min-widthmax-width하지만 여기에 언급 된 바와 같이 당신은 또한 플래그로 orientation를 사용할 수 있습니다 http://www.1stwebdesigner.com/css/how-to-use-css3-orientation-media-queries/

/* Portrait */ 
@media screen and (orientation:portrait) { 
    /* Portrait styles */ 
} 
/* Landscape */ 
@media screen and (orientation:landscape) { 
    /* Landscape styles */ 
} 

이 당신의 세로 및 가로보기 모두 다른 글꼴 크기를 지정할 수있는 것 귀하의 웹 사이트.

관련 문제