[모바일 해상도] 갤럭시 폴드4 viewport 사이즈, 모바일 해상도 확인하기

2023. 11. 15. 13:03·개발일지/2023
반응형

갤럭시 폴드4 (Galaxy Fold 4) 가로폭

- 접힌 상태 : 345px

- 펼친 상태 : 691px

높이값은 코드펜 헤더 포함이라 +65px 해야합니다. 가로폭만 참고해주세요.

 

 

디바이스에서 아래 URL에 접속하면 직접 테스트 해 볼 수 있습니다.

[test] viewport / userAgent (codepen.io)

 

[test] viewport / userAgent

...

codepen.io

 

구글 인스펙터로 접힌 폭이 280px 인줄 알고 작업했는데, 실제 디바이스랑 달라서 확인해봤다.

 

따라서 폴드 대응을 위해 미디어쿼리를

@media screen and (max-width: 280px) { }로 잡았다면 적용이 안되고 있을 것!!!

 

처음에 갤폴드 280 이라도 들었을 때, 왜 이딴걸 만들어서 고통을 주나 싶었는데

이제는 반쪽 화면 해상도도 345 라니 다행이다 싶다 ㅋㅋ 

믿을게 못 됨!!!! 이건 진짜 폴드 첫 출시 당시 수준인 것 같다.

 

 

 

 

기타 폴더블폰 사이즈

Galaxy Foldable 폴더폰 해상도 (Viewport) :: Kang-ji (tistory.com)

 

Galaxy Foldable 폴더폰 해상도 (Viewport)

폴더블 폰 모바일웹 브라우저 해상도 정보 기종 Viewport 화면 사이즈 (W x H) 해상도 Phys. (W x H) 인치 DPR (Device Pixel Ratio) Galaxy Flip4 412 x 1006 1081.5 x 2640.75 Galaxy Flip3 384 x 939 1080 x 2640 260 x 512 6.7 2.8125 Galax

kang-ji.tistory.com

 

반응형
저작자표시 비영리 변경금지 (새창열림)

'개발일지 > 2023' 카테고리의 다른 글

[Error] input is a void element tag and must neither have `children` nor use `dangerouslySetInnerHTML`.  (0) 2023.11.24
이미지 최적화 Lazy Loading을 쉽게 구현하는 방법  (0) 2023.11.17
[Vue] SyntaxError: The requested module '/node_modules/lottie-web/build/player/lottie.js?v=b1d5819a' does not provide an export named 'default' (at lottie.vue:6:1)  (0) 2023.09.14
[윈도우] 세로모니터 화면 분할 설정하기  (0) 2023.08.24
[Svelte] 스벨트 시작하기  (0) 2023.03.08
'개발일지/2023' 카테고리의 다른 글
  • [Error] input is a void element tag and must neither have `children` nor use `dangerouslySetInnerHTML`.
  • 이미지 최적화 Lazy Loading을 쉽게 구현하는 방법
  • [Vue] SyntaxError: The requested module '/node_modules/lottie-web/build/player/lottie.js?v=b1d5819a' does not provide an export named 'default' (at lottie.vue:6:1)
  • [윈도우] 세로모니터 화면 분할 설정하기
zineeworld
zineeworld
2013년부터 마크업 개발을 하고 있습니다.
  • zineeworld
    zineeworld
    zineeworld
    • 전체보기 (447)
      • 지니월드 (150)
        • 회고 (8)
        • 경력 (33)
        • 경험 (39)
        • 공부 (22)
        • 수집 (27)
        • 단상 (16)
        • 장소 (5)
      • 개발일지 (297)
        • 2025 (3)
        • 2024 (9)
        • 2023 (10)
        • 2022 (1)
        • 2021 (11)
        • 2020 (29)
        • 2019 (10)
        • 2018 (21)
        • 2017 (10)
        • 2016 (91)
        • 2015 (95)
        • 2014 (7)
  • 블로그 메뉴

    • 글쓰기
    • 관리자
  • 전체
    오늘
    어제
  • 태그

    css-drawing
    디자인시스템
    css-drawing-tutorial
    깃
    react
    CSS
    오늘의영감
    리더의착각
    널리
    angular
    zineepick
    회고
    Mobile
    htmlemail
    팀장일기
    회사일기
    회돈내산
    git
    SVG
    웹접근성
  • hELLO· Designed By정상우.v4.10.2
zineeworld
[모바일 해상도] 갤럭시 폴드4 viewport 사이즈, 모바일 해상도 확인하기
상단으로

티스토리툴바