[iOS] 웹 폼버튼 기본 스타일 제거하는 방법

iOS를 사용하는 아이폰이나 아이패드에서 사파리로 작업된 웹페이지를 확인하면 의도와 다르게 결과물이 나오는 경우가 있습니다. 그 중 대표적인 것이 폼 버튼 부분입니다. input button이나 submit과 같은 버튼 타입 컨트롤은 iOS에서 고정된 기본 스타일로 표시되도록 적용되고 있습니다. 그래서 버튼에 아무리 css 속성을 주어도 width, height와 같이 사이즈만 변할 뿐 외형 자체는 변경이 되지 않습니다. 이때 이 기본Continue reading “[iOS] 웹 폼버튼 기본 스타일 제거하는 방법”

[Xcode] 아이폰 시뮬레이터로 사파리 브라우저 실행하는 방법

얼마전 아이폰을 분실한 바람에 아이폰 시뮬레이터로 브라우저 테스트를 하고 있습니다. 방법은 간단하나 필요할때마다 잊어버리기 쉬운 부분이라 메모성으로 포스팅합니다. Xcode를 실행합니다. 아무 프로젝트를 열어 아이폰 시뮬레이터를 실행합니다. 시뮬레이터가 실행되면 Command + Shift + H를 눌러 홈화면으로 빠져나옵니다. 사파리를 실행합니다.

[HTML] iOS 사파리에서 전화번호 링크 해제와 수동 설정법

모바일 기기에서 지원되는 사파리에서는 숫자로 이루어진 텍스트는 자동으로 전화번호를 걸 수 있도록 통화 링크를 생성해줍니다. 하지만 이 기능이 의도치 않게 우편번호, 주소 등에 통화 링크가 걸린다는 것이 문제입니다. 자동으로 생성되는 통화 링크를 생성되지 않도록 하려면 아래 메타 태그를 넣어주시면 됩니다.

  그리고 원하는 부분에 통화 링크를 수동으로 설정하고 싶다면 아래와 같이 a 링크를 걸어주시면Continue reading “[HTML] iOS 사파리에서 전화번호 링크 해제와 수동 설정법”