[CSS] 질문입니다~~

[밤토깽이]

css 코딩하면서 디바이스 별로 display 크기가 다 다른데, margin 이나 padding, 등을 px값이 아니라어떻게 비율을 유지하면서 모든 디바이스에 같게 표시 할 수 있을까요? % 나 v포트 단위로 제가 비율을 계산에서 넣어야 할까요??

[Dong-geuli]

비율계산은 https://pxtovw.dev-calc.space/ 를 추천드립니다.
vw로 되어있으나, 계산된 값 뒤의 단위를 vh로 변경하셔서 쓰셔도 무방합니다. (이렇게 되면 세로길이의 뷰포트에 따라 바뀜
)

[Dong-geuli]

주요 포털이나 기업사이트에서는 적용되지 않지만,
에이전시를 중심으로 점차 뷰포트에 따른 분기처리 + vw/vh 등의 뷰포트에 따른 가변처리를 사용하고 있습니다.

다음 사이트를 참고하시면 도움이 되실것 같습니다.
https://www.vinylc.com/ko/main

[김철민]

1920 × 1080 해상도라 해서 모두가 같은 해상도는 아닙니다.
인터넷 브라우저의 확대, 모니터 해상도 배율(Window 기준 바탕화면애서 우측마우스-디스플레이 설정에서 확인할 수 있는 메뉴) 도 같이 고려를 해야하기 때문이죠..ㅠ

그래서 질문자님께서 말씀하신대로 % 혹은 vh, vw를 써야 할겁니다.

• 참고 : https://webclub.tistory.com/356