px을 vw 단위로 변환해주는 사이트 - PUBLISHING

 

px을 vw단위로 그리고 vw를 px단위로 변환해 주는 '<PUBLISHING />'

 

단위계산을 일일이 하는 게 정말 힘들었었는데 유용한 사이트가 있더라고요.

사이트 사용법을 알아보도록 하겠습니다.

 

왼쪽은 px에서 vw단위로 변환, 오른쪽은 vw에서 px로 변환해 주는데요.

사용법은 같아서 px에서 vw단위로 변환하는 걸로 보여드리도록 할게요.

 

 

위에서 왼쪽부터 차례대로 [창의 넓이 값], [결과값에 대한 소수점 단위], [변환하려는 px값]을 넣어주면 됩니다.

값을 입력했다면 [계산하기] 버튼을 눌러주세요.

 

 

그럼 vw로 변환된 값을 볼 수 있답니다.

 

그리고 css코드를 넣어서도 변환할 수 있는데 그것도 한번 보여드리도록 할게요.

 

 

넣고자 하는 css코드를 빨간 테두리로 표시한 부분에 입력한 뒤 [계산하기] 버튼을 눌러주세요.

 

 

그럼 바로 오른쪽 창에 vw로 변환한 값을 확인해 볼 수 있답니다.

 

아래 링크 걸어둘 테니 필요하신 분들은 유용히 사용해 보세요.

 

http://publishing.kr/vw/

VW 계산기