• 카테고리

    질문 & 답변
  • 세부 분야

    웹 개발

  • 해결 여부

    미해결

모바일 css 작업(단위)

22.10.31 22:39 작성 조회수 168

1

선생님, 오랜만에 인사를 드리게 되었네요.

벌써 입사를 한지 1년이 다되가고 있네요.

처음에는 너무 힘들어서 전화를 하면서 선생님께 고민상담도 했는데 지금은 다들 2~3년차로 볼만큼 성장(혹은 찌든..)하였습니다.

현재 자사 신규서비스 퍼블을 하면서 바쁘지만 또 재미를 느끼고 있네요.

다름이 아니라 여쭤볼게 있어서 질문을 남기게 되었는데요.

저희회사는 모바일을 미디어 쿼리를 안쓰고 모바일 환경이 세팅이 되어있는 상태인데요.

pc는 1920이나 2560 환경에 맞게 작업을 해서 ui적으로 문제가 없습니다.

하지만 모바일은 디바이스별로 천차만별이라 어떤것에선 ui가 맞고 어떤것에선 틀어지는 현상이 발생하고 있습니다.

처음에는 vw단위를 활용해 작업을 하였는데, 실제 qa나 stage에 올려 모바일에서 볼 경우 깨지는 경우가 종종 있더군요

그래서 퍼센트 단위를 사용하거나 vw를 적절히 사용중인데요.

선생님께선 모바일 환경에서 작업 시 어떤 단위를 활용해서 작업을 진행하셨나요???

 

요번주 금욜부터 많이 추워진다는데 감기 조심하시고 또 코로나 조심하세요. 감사합니다.

답변 1

답변을 작성해보세요.

1

아시겠지만 VW(Viewport Width) 라고 합니다.
vw로 작업하면 브라우저의 너비에 따라 변하니까 미디어 쿼리를 사용하지 않고 반응형 작업이 가능합니다.
장점이 있듯이 단점도 있습니다.
지금 말씀하신 것처럼 세밀한 조정이 어렵습니다.
미디어쿼리를 사용하면 손이 정말 많이가지만 vw에서 할 수 없는 세밀한 조정이 가능합니다.

저는 vw 단위로 실 작업을 해본 경험은 없습니다. 아무래도 세밀한 조정을 원하는 성향이라 미디어쿼리 작업을 선호합니다.

air_guri님의 프로필

air_guri

질문자

2022.11.07

네 한번 모바일은 계속 공부해봐야겠네요

 

감사합니다~~