[CSS] 질문입니다~~


  • Level 5

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

  • Level 3

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

  • Level 3

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

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

  • Level 9

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

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

ONLINE USERS

POPULAR TOPICS

SUGGESTED TOPICS