반응형 제작에 질문있습니다

Question

강의 참고해서 개인 포폴에 적용시킬려고

만들어 보려고 하고 있습니다!

선생님 께서는 slide-inner나 slide에 고정픽셀을

(각각 900px 300px) 적용해서 작성해 주셨는데

만약 반응형일 경우 한 슬라이드당 33.333%의 width값이

지정되어 있을때 작동이 잘 안되더라구요...

고정 픽셀로 width 값을 주지 않고 %으로 했을때

input이 checked 된 상태에서 left값을 어떻게 조절해야

하는지 궁금합니다 ㅠㅠ

Answer

질문글을 늦게 봤네요.

.slide-inner의 너비가 300px 이고 div 3개를 가지고 있는 .slide 너비를 900px 이라고 가정하면..

픽셀로 한 경우 left 좌표는 첫번째를 left: 0 두번째는 left: -300px 세번째는 left: -600px 이렇게 하면 왼쪽으로 이동하잖아요.

퍼센트로 한 경우 첫번째를 left: 0는 동일하고 두번째는 left: -33.333% 세번째는 left: 66.6666% 해주시면 됩니다.

가끔 % 가 안될 때는 vw 단위를 쓰셔도 마찬가지에요.

Answer

감사합니다!