WEB2 - CSS

반응형 디자인

반응형 디자인과 미디어 쿼리 소개

강의

 

 

소스코드

변경사항

 

 

 

미디어 쿼리를 이용해서 반응형 디자인 구현하기

강의

 

 

소스코드 

변경사항

 

댓글

댓글 본문
작성자
비밀번호
  1. Mongsil
    2020.04.01완료 감사 합니다!
  2. 둥치둥치아재
    굿 힌트 감사합니다
    대화보기
    • 둥치둥치아재
      와~ 진짜 쉽다 쉽다 하면서 보다 보니까 슬슬 용어나 내용들이 짬뽕쓰...
    • lovejun
      완료
    • David
      완료
    • green diseny
      오케이 주말인데도 공부하니깐 뿌듯하네 ㅎㅎ 역시 재미있구만~~!!!
    • 리리루루
      완료!!!
    • OneJae EE
      20.03.16 월 / 37세 비전공자 / 완료

      -미디어 쿼리 주의-
      @media (min-width: 500px;)
      : px뒤에 세미콜론(;) 쓰면 작동안함.
    • 강명규
      완료
    • 송우영
      완료!!
    • 0cddo
      완료! 감사합니다 :)
    • Horang
      흐흐
    • 짱아찌
      완료
    • max-width:800px : 최대 폭 800px까지 적용
      min-width:800px : 최소 폭 800px부터 적용
    • 코딩하쟈
      완료~
    • daniellee12346
      완.료 @_@
    • eddylee123456
      완료
    • 완료
    • 규몽
      완료
    • 감사합니다. 완료
    • 뉴빈
      display:block; 기억할게요!
    • 정말 감사합니다.!!
    • King of kings
      ㅎㅎ오늘도 감사드려요 ㅎㅎ
    • gossie@naver.com
      완료하였습니다. 감사합니다.
    • 장 폴
      완료
    • Ram Lee
      재밌어요!
    • thsths
      완료
    • NarrPro
      @media 좋은 내용 고맙습니다
    • dofvmrhwk
      w좋아요! 완료
    • 스티븐잡숴
      완료
    • ㅇㅇ
      너무재밋당 ㅠㅠ감사해요
    • 융융
      좋은 강의 항상 감사드립니다!
    • 메메
      @media(max-width:800px){
      #grid{
      display:block;
      }
      }

      max-width:800px
      : 스크린의 폭이 800px 이하일 때(최대 폭 800px까지)↔min
    • 완!
    • 티양
      완료
    • 오오우우얍
      다음!
    • 서혜민
      완료
    • text-align="center"
      대화보기
      • greenday
        20200107 완료~!
      • 민스티티아
        완료!
      • 샬롬
        완료
      • csrcomp21
        완료!!
      • 너부리
        처음 하는 사람한테는 이것도 어렵네요....
      • Eileen
        2019.12.29
      • 김태완
        2019.12.21 완료
      • 딥허브
        <div id="grid">
        <ol><font color="red">
        <li><a href="1.html">HTML</a></li>
        <li><a href="2.html">CSS</a></li>
        <!-- <li><a href="2.html" style="color:blue;text-decoration:underline">CSS</a></li> -->
        <li><a href="3.html">JavaScript</a></li>
        </ol></font>

        1.html
        2.css
        3. javascript
        부분을 화면 작아지면 가운데 정렬 하고 싶은데
        이게 아무리 해도 안되는데 ... 뭘 알면 해결이 될까요??
      • @media(min-width:500px){}
      • 홍주호
        20191210 완료
      • 리진
        20191127 완료
      버전 관리
      egoing
      현재 버전
      선택 버전
      graphittie 자세히 보기