inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

플렉스(Flex) 반응형 웹사이트 포트폴리오(The World's Best Cities)

Flex UI 실전 제작(7) – 반응형 블로그 포스트 리스트(2)

반응형 질문입니다.

166

Youngjae Choi

작성한 질문수 20

3

모바일 버전 관련 질문입니다.

해당 부분에서 .desc 부분을 이미지 사이즈와 똑같이 높이값을 가지려면 어떻게 해야할까요?

.desc에 높이 값을 height: auto; 나 height:100%; 주면 안의 내용만큼 줄어들고,

.post  > div 혹은

.image,
.desc {
 flex:1;
}

해줘도 안 먹히고요.

.desc {
 height: 375px;
}
이런식으로 주면 되긴합니다만, 기기에 따라서 정확하게 1:1의 높이 값을 가지는게 아니라서 그렇게 완벽한 방법은 아닌것 같네요.

그렇게 중요한건 아닐지라도,

그렇게 효과를 주고 싶은데 안먹히니까 왜 안되지? 하는 생각에 혹시나 방법이 있을까 여쭤봅니다.

감사합니다.

flex 반응형-웹

답변 2

2

코딩웍스(Coding Works)

질문 주셔서 오랫만에 파일 열어서 해봤는데요.

모바일에서 .desc 이 부분의 높이를 이미지의 높이와 자동으로 맞추는 방법은 제가 알기로는 업지 않나 합니다.

만약 이미지가 부모요소이고 .desc가 자식요소이면 inherit로 할 수 있을텐데 지금 의 구조로는 어렵지 않나 합니다.

물론 제가 몰라서 그럴수도 있습니다.

0

Youngjae Choi

답변주셔서 감사합니다. ^^

가로스크롤

1

458

1

상위 태그 영역 무시 하는 방법

1

842

2

반응형 적응형 구분

2

802

2

flex가 적용되면 하위에 있는 인라인의 속성은?

1

359

1

슬릭 슬라이더 버튼

1

370

1

slick 모바일로 변환했을때..

1

607

1

x scroll 이 왜 생기는 걸까요?

1

870

1

영상 16분 field margin-left 문제 (다운로드 교재도 동일한 문제)

1

249

1

모바일에서 이미지 짤림 현상

1

2741

2

질문 있습니다

1

241

1

안녕하세요

1

259

1

모바일버전에서 스크롤이 생겨서요 ㅜㅜ

1

289

1

반응형 헤더 네비게이션 공부중인데요. 궁금한것이 있어서요.

1

387

2

슬라이딩 스크롤이 이상하게 먹혀요!

1

407

2

slick slider 하는데 패딩이 안먹혀요

1

764

2

제이쿼리 부드럽게 스크롤할때 제이쿼리에 밑줄오류가 있습니다.

1

317

1

혹시 이 강의 싸이트를 혼자의 힘으로 만들수 있으면 어느정도 실력정도 되나요?

1

250

1

소스랑 자료 다운로는 어디서 받을 수 있나요?

1

299

1

반응형 헤더 네비게이션 강의 질문있습니다.

1

203

1

그 반응형 질문 있습니다

1

225

1

질문드립니다 강사님

1

288

2

flex 레이아웃 배치 질문있습니다.

1

220

1

미디어쿼리 반응형 만들때 사이즈 질문있습니다.

1

201

1

인라인요소인 label 에 margin-bottom 이 되다니... 어렵습니다.

1

972

1