오늘은 쉬운 이야기를 해볼까 합니다.

작업 PC에서, 아래와 같이 스타일링을 멋지게 하고난후,

btn1

모바일폰에서 볼때, 이렇게 보일 수 있습니다. ㅠㅜ

btn2

그건, 모든 속성을 정의하지 않으면, 다른 속성은 브라우저 기본값을 쓰기 때문인데요.

요 스타일이 예전에는 유행이었지만, 요즘처럼, flat한 유행에는 전혀 어울리지 않죠.
(게다가, 원하는 스타일링에 방해가..;;)

여튼, 그래서, 웹킷(사파리 엔진)의 기본 속성중, look and feel 부분을 없애는 코드는 아래와 같습니다.

상기 코드를 한번 적용후, 원하시는 스타일링을 하시면 작업이 더 수월해 집니다.

해당 버튼 적용 결과는 ‘음료제작소’ 홈페이지에서 확인하세요. ㅎ
9월 중 사이트 오픈 예정

-끝-