inflearn logo
강의

Course

Instructor

Flex Responsive Website Portfolio (The World's Best Cities)

Flex UI Practical (2) – Responsive Card UI (2)

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

2743

dkfmwpsxm

73 asked

1

모바일 버전 최상단 스크롤을 해도 이렇게 이미지가 짤리네요

저 화면 위로 스크롤이 안되요

 예제 복붙 그대로 한 상태입니다.

리셋 css부터 html body 전부 똑같이 한 상태입니다

다만 react와 styled-components로 그리고 있습니다.

하지만 html / css 속성은 동일한데

이렇게 짤리는 문제가 있습니다

왜 이런지 현재 원인을 찾지 못하고잇는데

짐작가는 부분이 있으실까요?>

flex 반응형-웹

Answer 2

1

codingworks

답변 달려고 했더니 해결책을 찾으셨군요.

모바일의 경우 PC에서 height: 100vh; align-items: center; 로 되어 있는 경우 모바일에서 저렇게 될 수 있어요. 그래서 모바일에서는 height: auto; align-items: flex-start; 로 변경해주시면 됩니다.

0

dkfmwpsxm

더 좋은 해결책을 알려주셔서 감사드립니다

0

dkfmwpsxm

자문자답인데 해결했습니다

부모 영역에 height: inherit;

그러니까 부모영역의 높이값이 기준이 없어서 발생한

문제였습니다

가로스크롤

1

459

1

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

1

843

2

반응형 적응형 구분

2

804

2

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

1

360

1

슬릭 슬라이더 버튼

1

370

1

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

1

607

1

x scroll 이 왜 생기는 걸까요?

1

870

1

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

1

249

1

질문 있습니다

1

242

1

안녕하세요

1

259

1

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

1

289

1

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

1

387

2

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

1

408

2

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

1

764

2

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

1

317

1

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

1

250

1

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

1

300

1

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

1

203

1

그 반응형 질문 있습니다

1

225

1

질문드립니다 강사님

1

290

2

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

1

221

1

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

1

202

1

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

1

973

1

태블릿부분에서 사진이 삐져나오는 부분 질문

2

238

1