WEB2 - CSS

반응형 디자인

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

강의

 

 

소스코드

변경사항

 

 

 

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

강의

 

 

소스코드 

변경사항

 

댓글

댓글 본문
작성자
비밀번호
  1. BY Chin
    감사합니다
  2. PassionOfStudy
    18-01-14 1일차 - 8번째 강의

    수강완료!


    항상 반응형웹 말만 들었고, 템플릿을 가져다가 쓸 생각만 해왔습니다.
    템플릿을 가져오면 CSS부분이 너무 복잡해서 포기하곤 했는데....
    mediaquery라는 것을 이용하는 것이었군요. ㅎ
    너무 알기 쉽게 설명해 주셔서 감사합니다.
  3. goosen
    많이 배우고갑니다 감사해요^ ^
  4. Fiat
    굉장하네요. 고맙습니다 ^^
  5. 이유리
    감사합니다.
  6. phils
    PC에서 동작이 잘 됩니다.
    스마트폰에서도 효과를 볼 수 없을까요?
  7. 이주형
    감사합니다~!^_^
  8. SongD
    저는 미디어 쿼리에서

    ol{ border-right: none; }으로 하면 선이 안 없어지고,
    #grid ol{ border-right: none; } 이렇게 앞에 #grid를 붙여야 선이 없어지네요.

    id가 클래스나 태그보다 우선순위에 있어서 그런건가요? 에디터는 아톰 쓰고 있습니다. 이고잉님과 버전이 달라서 그런걸까요? 물론 h1태그는 그냥 선이 없어집니다.
  9. keepgoing
    아 해결되었습니다. 감사합니다^^
  10. keepgoing
    저는 아톰을 쓸때 자동추천기능이랑 태크 색도 안바뀌는데 설정하는 법이 따로 있나요~?ㅠㅠ
  11. nevertoolate
    제 남편 웹사이트 보니 반응형 미디어로 안되어 있네요.
    음~~ 열공해서 바꿔 주어야 겠네요.
  12. 사람
    느낌이 다른언어의 조건문 같은 느낌도 드네요.
  13. 신명진
    와...
  14. 박신우
    재밌어요! 미디어 쿼리 기억해두겠습니다
  15. Wallace Lee
    신기해요^^
  16. I love computer
    와우 그렇군요.
    저는 그냥 알아서 웹브라우저가 다~ 해주는 줄 알았는데...
    생각보다 귀찮은 작업이네요(그냥 라이브러리 써야지 ㅋ)
버전 관리
egoing
현재 버전
선택 버전
graphittie 자세히 보기