웹밤바

  • 블로그홈
  • 지역로그
  • 태그로그
  • 미디어로그
  • 방명록

mediaquery 1

SCSS 반응형웹 medeiquery mixin 만들기

variable.scss : 각 대응할 분기점 설정 // media $mobileSize : 320px; $tabletSize : 768px; $pcSize : 1100px; mixin.scss // mediaquery @mixin respond-to($media) { @if $media == mobile { // mobile @media only screen and (max-width: $tabletSize - 1) { @content; } } @else if $media == tablet { // tablet @media only screen and (min-width: $tabletSize) and (max-width: $pcSize - 1) { @content; } } @else if $media..

STUDY/CSS 2021.04.27
1
더보기
프로필사진

방문자수Total :

Today : Yesterday :
  • 분류 전체보기 (81)
    • 크롬 개발자도구 (2)
    • STUDY (75)
      • HTML (7)
      • CSS (20)
      • javascript (16)
      • jQuery (3)
      • jsp (2)
      • react (1)
      • vuejs (15)
      • debuging (3)
      • gulp (1)
      • 웹스퀘어 (2)
      • 코딩테스트 문제풀이 (2)
    • Useful Study (3)
    • daily (0)

Tag

w2:textbox, 배경처리, 별점주기, 주민번호뒷자리, 2차원배열 해체, 키보드올렸을때, 아래로, placeholder줄바꿈, 꽉차게, placeholder붙여넣기, 비표준브라우저, 숫자롤링, placeholder잘라내기, 배열에 배열넣기, only css, donut graph, 순차적증가, data-uri, placeholder여러줄, gulp-pug,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   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

Copyright © Kakao Corp. All rights reserved.

티스토리툴바