note

  • 홈
  • 태그
  • 방명록

css vw계산 1

scss vw 변환 함수 사용

반응형 코딩시 %계산만 사용해오다 vw를 사용하는식으로 최근에 작업을 했는데 괜찮은듯하여 기록한다. 모바일 디자인만 있고(최대 840px) 이하로 줄어들면 비율대로 줄어야하는 case 였다. $mobile-size: 840; /* vw 변환 function */ @function vw($target) { @if type-of($target) == number { @return calc(($target * 100) / $mobile-size) * 1vw; } @else if type-of($target) == list { $vw: (); @each $value in $target { @if type-of($value) == number { $vw: append($vw, calc(($value * 100) ..

프로그래밍/HTML+CSS 2023.05.22
이전
1
다음
더보기
반응형
프로필사진

note

え?

  • 분류전체보기 (234)
    • 프로그래밍 (216)
      • Vue.js (14)
      • React (0)
      • React Native (3)
      • TypeScript (1)
      • JavaScipt (37)
      • Node.js (6)
      • jQuery (44)
      • HTML+CSS (23)
      • SWIFT (1)
      • MSSQL (20)
      • ASP (24)
      • ASP.NET (0)
      • PHP (14)
      • JAVA (6)
      • GIT (2)
      • 기타 (21)
    • 페이스북 (9)
    • 크레이지아케이드 (9)

Tag

페이스북 연동, 페이스북 앱, facebook APP, jquery touch slider, 모바일 상단고정, video 인앱 재생버튼, facebook share link, facebook api, javascript datediff, renderless component, vuejs render function, 페이스북 api, 크아, ios fcm background, jquery, swift silent push, ios fcm foreground, ios 앱푸시, video control hide, crazyarcade,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

Archives

Calendar

«   2025/06   »
일 월 화 수 목 금 토
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

방문자수Total

  • Today :
  • Yesterday :
06-20 05:21

Copyright © Kakao Corp. All rights reserved.

티스토리툴바