WEB2 - CSS

반응형 디자인

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

강의

 

 

소스코드

변경사항

 

 

 

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

강의

 

 

소스코드 

변경사항

 

댓글

댓글 본문
작성자
비밀번호
  1. 규몽
    완료
  2. Harry
    감사합니다. 완료
  3. 뉴빈
    display:block; 기억할게요!
  4. moon
    정말 감사합니다.!!
  5. King of kings
    ㅎㅎ오늘도 감사드려요 ㅎㅎ
  6. gossie@naver.com
    완료하였습니다. 감사합니다.
  7. 장 폴
    완료
  8. Ram Lee
    재밌어요!
  9. thsths
    완료
  10. Yamto
  11. NarrPro
    @media 좋은 내용 고맙습니다
  12. dofvmrhwk
    w좋아요! 완료
  13. 스티븐잡숴
    완료
  14. ㅇㅇ
    너무재밋당 ㅠㅠ감사해요
  15. 융융
    좋은 강의 항상 감사드립니다!
  16. 메메
    @media(max-width:800px){
    #grid{
    display:block;
    }
    }

    max-width:800px
    : 스크린의 폭이 800px 이하일 때(최대 폭 800px까지)↔min
  17. 완!
  18. 티양
    완료
  19. 오오우우얍
    다음!
  20. 서혜민
    완료
  21. 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 완료
    • 이승연
      20191126 완료
    • 이상민
      11월 26일 완료
    • 이명준
      Css 스타일에 미디어쿼리 적용

      @media(max-width:800px){
      #grid{
      display: block;
      }
      ol{
      border-right:none;
      }
      h1 {
      border-bottom:none;
      }
      }
    • 굼벵이
      완료
    • 야무치이처누기
      타도 손오공!! 감사합니다
    • 돌언니
      미디어쿼리 반응형웹 혁신입니다^^
    • 정말 감사합니다.
    • hahasi
      제가 겪었던 문제들은 브라우저에서 비롯된 것이었네요! can i use 사이트를 꼼꼼히 봐야겠습니다!
      문제를 해결하니 정말 재밌습니다. ㅎㅎ
    • 원해솔
      웹은 여러가지 다양한 환경에 적응해야했다! 반응형.!
    • 안영우
      미디어쿼리를 배움으로써 다양한 장치를 이용해 접속할때 차이점을 주어 WEB의 반응성을 더 높일수있는 수업이 되었습니다.
    • 육포
      20191016
    • 20191010
    • 흥성무
      20191006 00:23 흥성무 완료!
    • 잘 들었습니다 ㅎ
    • 코딩만이 살길이다
      완료
    • 감자
      완료
    • 성규니
      완료
    • 라미
      완료
    버전 관리
    egoing
    현재 버전
    선택 버전
    graphittie 자세히 보기