본문 바로가기 메뉴 바로가기

Frontend Developer를 향해 !

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

Frontend Developer를 향해 !

검색하기 폼
  • 분류 전체보기 (152)
    • xhtml/css (15)
    • 웹접근성 (5)
    • html5 (2)
    • css3 (10)
    • 반응형웹 (5)
    • 자바스크립트 (19)
    • 제이쿼리 (17)
    • 제이쿼리 플러그인 (31)
    • 팁! (30)
    • git (10)
    • VsCode (3)
    • nodeJS (2)
    • gulp (1)
    • 북마크 (1)
    • 신앙 (1)
  • 방명록

mobile viewport (1)
모바일, 태블릿 device-pixel-ratio 계산 방법

해당 디바이스의 뷰포트(device-width, height)를 수학공식?처럼 이론적으로 쉽게 구하는 방법입니다. 최근에 프로젝트를 하면서 보안때문에 인터넷이 막힌 상황에서 태블릿 device-width, height 값을 모른채로 일단 작업을 하긴 했었는데 퍼블리싱 작업을 하고 나서 태블릿에서 확인해보니 생각보다 많이 디자인과 멀어져? 있는 화면이 출력되어서 좀 당황 했었습니다. width값은 크게 상관은 없었지만 특정기기(하이브리드 앱이었습니다.)를 놓고 맞춰야 하는 상황이어서 device-height값을 꼭 알아야 하는 상황이었습니다. 그리고 디자인 자체가 스크롤이 생기면 안되는 화면이 많아서 더더욱 필수로 height값을 알아야 했구요. 제일 확실한 방법은 자바스크립트로 window.documen..

팁! 2020. 9. 19. 02:55
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
  • 주님과 동행하는 자
TAG
  • bxslider
  • VSCode
  • 패럴럭스 스크롤
  • one scroll
  • node.js
  • 키보드 웹접근성
  • 접근성 tabmenu
  • jquery
  • 웹폰트
  • 부트스트랩 네이밍
  • Git
  • WAI-ARIA tab menu
  • 깃허브
  • 반응형웹
  • SFPro웹폰트
  • Flexbox
  • 접근성탭메뉴
  • 자바스크립트 탭메뉴
  • 웹 접근성
  • CSS3
  • 부트스트랩class명
  • SFPro web font
  • San Francisco웹폰트
  • 애플웹폰트
  • 키보드접근성자바스크립트
  • PlaceHolder
  • WAI-ARIA탭메뉴
  • placeholder css
  • San Francisco web font
  • 본고딕
more
«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바