(script) 반응형웹 디바이스별 해상도 분기점

kjn·2023년 3월 13일
0
코딩은 max-width값으로, 기준화면은 min-width값으로
  1. 4개의 반응형 분기점
    /* 노트북 & 작은 PC ( [1025px] ~ 1280px )*/ 
    @media all and (max-width:1280px) {  }
    
    /* 태블릿 ( [768px] ~ 1024px )*/ 
    @media all and (max-width:1024px) {  }
    
    /* 모바일 & 태블릿 ( [480px] ~ 767px )*/ 
    @media all and (max-width:767px) {  }
    
    /* 모바일 ( [320px] ~ 479px )*/ 
    @media all and (max-width:767px) {  }
  1. 3개의 반응형 분기점
    /* 노트북 & 작은 PC ( [1025px] ~ 1280px )*/ 
    @media all and (max-width:1280px) {  }
    
    /* 태블릿 ( [768px] ~ 1024px )*/ 
    @media all and (max-width:1024px) {  }
    
    /* 모바일 ( [320px] ~ 767px )*/ 
    @media all and (max-width:767px) {  }
profile
초심

0개의 댓글