WEB 검색 결과

해당 글 107건

viewport meta 태그

모바일 웹 제작시 meta태그 설정 배경설명EDITFenec과 같은 모바일 브라우저들은 뷰포트(viewport)로 알려진 가상 "window"상에 페이지를 렌더링하는데, 보통의 경우 스크린 보다 폭이 넓어 모든 페이지 레이아웃을 억지로 작은 화면에 축소할 필요가 없다. (레이아웃을 축소할 경우 모바일 사이트로 만들지 않은 사이트들은 대개 엉망이 되게 마련이다.) 사용자들은 화면을 움직이거나 줌 기능을 이용해 페이지의 보이지 않는 부분들을 볼 수 있다.모바일 Safari는 "viewport meta" 태그를 도입해서 웹 개발자들이 뷰포트의 크기와 스케일을 조정할 수 있게 했고, 웹 표준은 아니지만 많은 다른 모바일 브라우저들도 이 태그를 이제 지원한다. 애플의 문서를 통해 이 태그의 사용법을 자세히 알 수..
WEB/Mobile 2016. 11. 29. 14:31

html5shiv.js

'익스플로러 버전9이하 브라우저에서 HTML5를 지원하도록 하는' html5shiv 다운로드 https://github.com/aFarkas/html5shiv/archive/master.zip설명참조 https://github.com/aFarkas/html5shiv html5shiv사용법 버전 9보다 낮은 익스플로러를 위한 방법이므로 '조건 별 주석처리'를 활용하는데, 9보다 낮은(less than) 버전의 익스플로러 임을 나타내는 구문 'if it IE 9'를 쓴다.다운로드한 파일의 dist 폴더에서 사용할 파일을 선택한 후 부분에 아래와 같이 적용한다.HTML 이 코드를 사용한 경우 CSS에서 해당 블럭요소들을 display:block 해주어야 한다.CSSarticle, aside, details, ..
WEB/jQuery 2016. 11. 29. 13:30

bxSlider 플러그인

자주쓰는 슬라이더 플러그인 bxslider.com 접속 후 다운로드 받고 위 예제를 보면서 쉽게 수정가능하다. 여러 옵션 변경도 가능한데 Options에 들어가면 확인 할 수 있다. bxSlider TIP bxSlider.css 직접 수정하지 말고 style.css 또는 사용중인 css에서 수정해준다! 또한 보이지 않는 class(ex. bx_wrapper)를 수정하려면 ul.bxslider의 부모 div 생성해 덮어서 수정하면 된다. 17-02-06 추가* 마크업ul-li말고 다른 마크업, 예를 들어 div-p를 사용해도됨. *bxslider 스크립트$(document).ready(function(){$('.slideclassname').bxSlider();// 클래스 임의지정가능}); * 옵션1. 슬..
WEB/jQuery 2016. 11. 23. 16:05