CSS 미디어 쿼리로 > 자유게시판

Viewport size라고 하네요. https://viewportsizer.com/devices/  s20에 대한 정보가 업네요

이 부분의 가장 편한 해결은 em 아닐까 싶네요.
메뉴의 패딩값과 너비값을 em으로 해결하고 display값을 변화시켜주면 조금 더 단순화시킬 수 있을 것 같습니다.

분석을 해보니 3개정도면 대충 맞아 들어가는 것 같습니다.  시간 되면 em에 대해서 좀 보겠습니다.

Viewport는 BS나 MD 기준으로 4개 혹은 3개가 처음부터 불문율이었습니다.
처음 Viewport가 선보일 때 예닐곱개를 뽑아쓰고 Portrait, Vertical을 구분해서 사용했는데 이제는 3~4개로 정리하는게 대세가 되어버렸지요.
이걸 조금 더 세심하게 표현하기 위해서 em 단위를 BS, MD 공통으로 사용하고 있구요.

절대값과 상대값의 편차에 대한 경험적 지식인가보군요. 암튼 100% 만족하는 SW 는 참 어려운것 같습니다.

안드로이드 폰이 지옥이네요