[HTML] 모바일에서 입력 창에 포커스 가는 경우 확대되는 효과 없애기

모바일 기기에서 웹페이지를 이용할 때 input text라던가 password 같은 입력 필드를 터치하면 화면이 일정 배율로 확대되는 효과가 나타납니다. 이 확대되는 효과를 없애고 포커스만 가도록 하는 방법은 viewport 메타 태그에 있습니다. 방법은 아주 단순한데 viewport 메타 태그에 user-scalable=no 속성을 추가해주시면 됩니다. 이 내용으로 끝나면 허전하니 추가로 제가 모바일 웹을 구현할때 고정적으로 사용하는 viewport 속성을 공유해드립니다. 특별한 요구사항이Continue reading “[HTML] 모바일에서 입력 창에 포커스 가는 경우 확대되는 효과 없애기”

[CSS] position:absolute 인 요소를 중앙 정렬하는 방법

position:absolute로 절대 좌표 값으로 위치를 지정했을때 중앙 정렬하는 방법은 아래와 같습니다.

설명하자면.. 화면의 전체 가로 수치에서 절반 만큼의 위치로 이동 시킵니다. (left:50%) 자신의 가로 수치의 절반 만큼 마이너스 이동 시킵니다. (transform:translateX(-50%))