인프런 커뮤니티 질문&답변

손손님의 프로필 이미지
손손

작성한 질문수

HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)

확장선택자와 함께 가상클래스 checked 실전 퍼블리싱 06(탭 콘텐츠 - Slide)

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

작성

·

191

2

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

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

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

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

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

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

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

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

하는지 궁금합니다 ㅠㅠ

답변 2

3

질문글을 늦게 봤네요. 

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

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

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

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

1

손손님의 프로필 이미지
손손
질문자

감사합니다!

손손님의 프로필 이미지
손손

작성한 질문수

질문하기