[스마트폰]스마트폰 레이아웃 구성 #3(토글 목록 구성)
이번 포스팅에서는 토글 목록을 구성해보도록 하겠습니다. STEP.1 토글이 무엇이냐? STEP.2 코딩 시작 이렇게 태그를 2개 사용한 이유는 테두리를 이쁘게 2겹으로 만들기 위해서 이렇게 사용한 것 입니다. 여기서 태그를 사용했음에도 불구하고 앞에 아무런 모양이 없는 이유는 이렇게 초기화 코드에서 list-style:none 으로 해주었기 때문입니다. STEP.3 터치할때 목록을 숨겼다 보엿다 하게 만들기 일단 제가 레이아웃 구성을 할때 을 추가를 못햇어요.... 이걸 추가해주세요 설명 들어가기 전 태그를 잠깐 볼게요 여기에 보시면 맨 위쪽에 가 있습니다. 이게 무엇인지 다들 궁금해 하셨죠??? 그래서 밑에 부분에 보시면 Toggle 이부분!! 이부분이 바로 스마트폰에서 터치를 하면 어떠한 반응을 보이..
[스마트폰] 스마트폰 웹 개발할때 주의사항
Section #1 안드로이드의 웹 브라우저는 모두 같은 브라우저인가? No. 아닙니다. 안드로이드 OS(운영체제)마다 버전 같아도 브라우저는 다룰 수 있습니다. 쉽게 말해서 어떤 스마트폰에는 지원하는 브라우저가 있는 반면 어떤 스마트폰에는 지원하지 않는 브라우저도 있습니다. Section #2 그러면 이제 대표적인 스마트폰 웹 페이지를 만들때 주의해야할 점에 대해 말씀드리겠습니다. 1. overflow 속성을 사용해 스크롤(scroll)을 넣을 수 없습니다.- 스마트폰 웹 브라우저는 대부분 overflow 속성에 scroll을 적용할 수 없습니다.(물론 가능한 스마트폰 웹 브라우저도 존재합니다.) 2. 상태 선택자를 사용할때 주의를 해야합니다.- 스마트폰은 터치를 사용하므로 화면을 누르는 순간 바로 클..