• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 HTML/CSS 게시판 mixin과 미디어 쿼리 관련 질문 드립니다.

mixin과 미디어 쿼리 관련 질문 드립니다.

3 글 보임 - 1 에서 3 까지 (총 3 중에서)
  • 글쓴이
  • #136846

    조성만
    참가자
    안녕하세요 포트폴리오3를 하면서 mixin과 미디어 쿼리를 같이 사용하면서 궁금한점이 생겨서 글을 남깁니다.
    scss를 통해서 파일을 작성하고 있는데 @mixin 속성은 미디어쿼리 내부에서 수정이 안되더라고요.
    그래서 작성 방법을 두가지 정도 생각해 봤는데,
    
    1. @mixin 속성 내부에 미디어 쿼리를 작성
    mixin
    2. @mixin 속성을 include하는 모든 클래스들을 미디어 쿼리 내부에서 수정
    mediaquerry
    
    1번 방법은 수정이 편리한 반면, 강의에서 말씀해주신 것이랑 다르게 미디어 쿼리가 코드 제일 아래에 배치되지 않고
    중간에 mixin을 include한 클래스 바로 아래에 미디어 쿼리가 하나씩 생성되고(include가 4개면 4개만큼 새로운 미디어 쿼리 생성)
    
    2번 방법은 include한 클래스가 추가될 때마다 최하단에 하나의 미디어 쿼리 내부에 추가함으로써 작성할 수 있었습니다.
    
    편의성 vs 강의내용 느낌으로 뭐가 더 좋을지 고민하게 되는데,
    강의에서 말씀해주신 것처럼 미디어 쿼리를 최하단에 두는 것을 우선순위로 두고 2번 방법을 사용하는게 좋을까요?
    • 이 게시글은 조성만에 의해 5 월, 1 주 전에 수정됐습니다.
    • 이 게시글은 조성만에 의해 5 월, 1 주 전에 수정됐습니다.
    #136858

    codingapple
    키 마스터
    media query도 mixin으로 수정될걸요
    2번이 나은 것 같은데 같은 스타일이 여러곳에 필요하면 
    그것만 클래스로 만들어두고 여러 html에 클래스 집어넣는 것도 좋습니다
    #136860

    조성만
    참가자
    감사합니다!
    • 이 답변은 조성만에 의해 5 월, 1 주 전에 수정됐습니다.
3 글 보임 - 1 에서 3 까지 (총 3 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관, 개인정보처리방침
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠