Mobile 검색 결과

해당 글 3건

반응형 웹 디자인(RWD) 기초 다지기

Responsive Web Design 웹 디자이너는 760픽셀 폭의 노트북 화면에서부터 데스크톱 모니터에 이르기까지, 다양한 크기의 디스플레이를 지원하는 문제로 항상 이슈가 생겼습니다. 게다가 스마트폰과 태블릿의 등장으로, 고려해야 하는 디스플레이 크기는 더 다양해졌습니다. 그래서 어떤 회사는 모바일 브라우저와 별도의 웹 사이트를 구축하기도 합니다. 하지만 두 가지 종류의 사이트와 웹 서버 프로그램을 동시에 개발하여, 단말 종류에 따라 다른 사이트가 전송되도록 할 시간, 돈, 인력등이 충분하지 않다면 모바일 전용 웹 사이트를 구축하기는 아마 어려울 것입니다. 다행히도, 하나의 웹 사이트로 다양한 크기의 디스플레이를 지원할 또 다른 방법이 있는데, 이 디자인(설계) 기법의 이름은 '반응적 웹 디자인'으로..
StyleSheet/CSS 2016. 9. 30. 08:06

모바일,태블릿에서 :active 의사 클래스 대체 방안

:active css pseudo class polyfill 일반적으로 활성화 가상클래스는 사용자가 눌렀다는 것을 인지하도록 사용하곤 합니다. 하지만 이 테크닉을 모바일에서 사용할 경우에 안드로이드 계열에서 CSS의 :active 가상클래스 동작여부는 가늠할 수 없습니다. 제조사로 인한 크로스플랫폼이 되지 않기 때문에 다른 방안을 강구해야 합니다. 이에 대해 알아봅니다. :active 활성 가상 클래스 대체 방법 다음의 해결 방법은 빠르고 간단합니다. javascript $('.active-element').on({ 'touchstart' : function () { $(this).addClass('fake-active'); }, 'touchend' : function () { $(this).remove..
Code Lab 2016. 1. 14. 13:26