전체 글 (65) 썸네일형 리스트형 [오류일지]10. 반응형 홈페이지의 .cen의 너비 및 반응형 사이트에서의 슬릭 이용법 화면의 크기를 줄였더니 헤더와 메인비주얼 크기가 갑자기 난리났다. 원인이 뭘까? 정답은 내가 .cen의 너비를 max-width가 아닌 그냥 width로 줬기 때문이다! 반응형 홈페이지를 만들 때에는 .cen의 너비는 max-width여야한다!!!! 그런데도 비슷한 문제가 생긴다? body에게 overflow-x:hidden;을 주자. 이렇게 하면 PC버전에서는 문제가 생기지 않는다. 그러나.. 모바일 버전에서 또 비슷한 문제가 발생했다. 원인은 슬릭에서 사용한 arrow 때문에 발생한 문제다. 이걸 어떻게 해결해야 할까? 정답. JS에서 responsive를 다음과 같이 추가해주자! breakpoint: ~px이 될때, settings:{ 다음과 같이 세팅해라 } 그런데..!!! 화면을 줄였다가 다시 .. [오류일지]9. CSS - 자식한테 float를 주면 부모에겐 overflow:auto;를 주자! 상황: .noticeDate에게 float:right;를 줬는데 왼쪽과 같이 나왔다. 어떻게 된 일일까? 1. .noticeTite과 .noticeDate의 부모 a의 display가 inline이다.!그러므로 a의 display를 block으로 바꿔야한다! 2. a에게 display:block을 줬는데 행간이 붙어서 나왔다. 어떻게 된 일일까? 정답: a에게 overflow:auto;를 안 줘서 그렇다! 부모인 a에게 overflow:auto;를 주면, 자식들이 float이고 부모의 높이가 정해져 있지 않아도, 부모가 알아서 잘 늘어난다. [오류일지]8. #mainVisual에 overflow:hidden;을 넣자! 맨 오른쪽을 보면 분명히 width:100%여야 할 곳이 짤린 것을 볼 수 있다. 이렇게 된 이유는 내가 #mainVisual에 overflow:hidden;을 안 넣어서 이렇게 되었다! 이렇게 overflow: hidden;을 넣게 되면 이미지가 넘친 부분은 짤리므로, 아래와 같이 원하는 대로 돌아온다. 이전 1 ··· 16 17 18 19 20 21 22 다음
