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

박제영님의 프로필 이미지
박제영

작성한 질문수

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

Flex UI 실전 제작(2) – 반응형 카드 UI 디자인(2)

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

작성

·

2.4K

1

  • =

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

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

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

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

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

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

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

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

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

flex반응형-웹

답변 2

1

코딩웍스(Coding Works)님의 프로필 이미지
코딩웍스(Coding Works)
지식공유자

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

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

박제영님의 프로필 이미지
박제영
질문자

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

0

박제영님의 프로필 이미지
박제영
질문자

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

부모 영역에 height: inherit;

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

문제였습니다

박제영님의 프로필 이미지
박제영

작성한 질문수

전체 Q&A
질문하기