소메뉴

메인메뉴

2017.12.15 Friday 옥창원은 살아있다

팁&테크


요즘 아이폰의 보급으로 많은 사람들이 iPhone을 사용하고 있습니다. 그래서 iPhone의 Safari에 최적화된 웹페이지를 많이 제작하고 있는데요. 아이폰 사파리는 모바일 브라우저로 여러가지를 고려하여 개발해야 하는데요. 앞에서 포스팅한 전화번호 링크와 화면 확대되는 부분이외에 화면 확대는 막았어도 텍스트가 자동으로 확대가 되는 것을 볼 수 있습니다. 세로로 딱 맞게 작업했을 경우 가로로 보게 되면 폰트가 확대되어 있는 것을 볼 수 있는데요. 이렇게 되면 어느 환경에서나 잘 보이게 개발하기 힘들겠죠? 그래서 폰트가 확대되는 것을 막아야 합니다.


그림에서 볼 수 있듯이 세로로 잘 맞게 작업한 경우 가로로 봤을 때 두번째의 그림같이 확대가 되게 됩니다. 그래서 원래 생각했던 디자인과 다르게 나오게 될 수 있는데요.



이러한 경우에는 스타일 시트를 약간 수정하는 것으로 문제를 해결할 수 있습니다.

<style type="text/css">
* {-webkit-text-size-adjust:none;}
</style>

이렇게 해주면 아래의 그림과 같이 가로로 보았을 때도 세로로 보았을 때와 동일한 폰트 크기로 볼 수가 있습니다. 아이폰이 아직도 세력을 넓혀가고 있는 가운데, 모바일 개발에 없어서는 안되는 중요한 정보 같습니다. 저도 잘 기억하고 있어야겠네요.


 

출처 : http://nettor.tistory.com/21

List of Articles
번호 제목 글쓴이 날짜 조회 수
30 이클립스 PHP + SVN [1] [1622] Lepas 2012-02-22 170590
29 [HTML5] Server-Sent-Event(SSE) 사용하기 [1961] Lepas 2011-12-14 160410
28 스프링3 프레임워크 강좌 블로그 [3450] Lepas 2011-06-21 232333
27 자바 소켓 서버 base - example source [3407] Lepas 2010-12-30 298461
26 우분투에서 웹서버 환경 구축하기 (LAMP or APM) [1922] Lepas 2010-10-07 199683
25 유용한 css 선택자 [3141] Lepas 2010-09-08 270977
24 HTML5의 모든것 file [2269] Lepas 2010-09-03 170456
» [모바일웹] 아이폰 사파리에서 화면회전시 폰트 확대 방지 image [2468] Lepas 2010-08-18 221878
22 float을 clear하는 4가지 방법. image [1776] Lepas 2010-08-13 166962
21 패킷 캡쳐 프로그램 Fiddler [2208] Lepas 2010-07-30 216545
20 소스 비교 분석 프로그램 WinMerge [1988] Lepas 2010-07-24 183852
19 UIWebView와 APP간의 통신(communication [2919] Lepas 2010-06-03 362061
18 HTML5의 소개 및 지원되는 않는 브라우져에서의 사용법 (5 - Local Storage(like cookie), Web Worker(Thread)) [1922] Lepas 2010-06-02 173139
17 [HTML5] localStorage와 sessionStorage 그리고 클라이언트 DB [2439] Lepas 2010-06-02 203615
16 EditArea - Textarea 구문강조 [1965] Lepas 2010-03-12 179523
15 iPhone Web 제작용 iui [1953] Lepas 2010-02-11 188677
14 JQuery Library [2090] Lepas 2010-02-05 213009
13 jQuery 개발자를 위한 메모 - 레퍼런스 [3631] Lepas 2010-02-02 158731
12 jQuery 개발자를 위한 메모 - 기본·샘플 [1742] Lepas 2010-02-02 159170
11 The Objective-C Programming Language 한글 번역본 file [2974] Lepas 2010-01-24 206754