Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Conversation

@henization
Copy link
Contributor

@henization henization commented Jul 25, 2022

  • 브랜치명, 브랜치 알맞게 설정
  • Reviewer, Assignees, Label, Milestone, Issue(PR 작성 후에) 붙이기
  • PR이 승인된 경우 해당 브랜치는 삭제하기

📌 내용

  • 사파리에서 스크롤 생기는 문제 해결

📌 내가 알게 된 부분

  • ios는 주소창같은 쓸수없는 영역까지 포함하여 100vh 라고 한다 (지대짱남)

📌 질문할 부분

  • 카드뷰 높이를 고정해도 되나요?

📸 스크린샷

@henization henization self-assigned this Jul 25, 2022
@henization henization linked an issue Jul 25, 2022 that may be closed by this pull request
3 tasks
Copy link
Member

@joohaem joohaem left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  height: calc(var(--vh, 1vh) * 100);
  min-height: -webkit-fill-available;

속성 추가로 ios 에서 풀화면 잘 동작되는 걸까요??! 바로 머지해도 좋을 것 같아요!

position: relative;
width: 30rem;
height: 52.5rem;
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

해당 속성 없어도 될 거 같아요 !

card 관련 css 는 CardCollection/CardSlider/style.ts 에서 적용되어있고,
.slick-slide (카드 wrapper) 에서 max-height 속성을 적용시켰기 때문에, heigth 속성이 제대로 먹지 않아서 삭제해도 좋을 것 같네요!

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

해당 속성 제가 지우고 커밋 올리겠습니다!

@joohaem joohaem marked this pull request as ready for review July 25, 2022 13:13
Copy link
Contributor

@NaveOWO NaveOWO left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ios... 짜증나는 기기였구만 배워가욤🔥

MainPage: styled.main`
/* height: calc(var(--vh, 1vh) * 100); */
height: 100vh;
height: calc(var(--vh, 1vh) * 100);
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

💫

@joohaem joohaem changed the base branch from develop to release/1.1 July 26, 2022 14:18
@joohaem joohaem merged commit 4737a63 into release/1.1 Jul 26, 2022
@joohaem joohaem deleted the feat/#120-mobile_height_bug branch July 26, 2022 14:18
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[ Common ] 모바일 브라우저 100vh 해결

4 participants