# px

16개의 포스트
post-thumbnail

픽셀 값을 변환하자!

프로젝트에서 웹 프론트뷰를 짜다보면 px값을 rem 단위로 변환하거나 뷰 포트 단위로 변환해야하는 경우가 생긴다. 그때 유용한 페이지! (사실 내가 보려고 출간,,)px을 em / rem으로 변환px을 vw / vh 뷰포트 단위로 변환

2022년 6월 1일
·
0개의 댓글
post-thumbnail

CSS font-size

!youtubeo0_Ot-TkqbU글꼴의 크기를 지정합니다. 주요 단위로는 px, em, rem이 있습니다.html 태그에 적용된 font-size의 영향을 받습니다. html 태그의 폰트 크기에 따라서 상대적으로 크기가 결정되기 때문에 이해하기 쉽습니다. 가장 바람직

2022년 4월 22일
·
0개의 댓글
post-thumbnail

크기 단위

"px", "em", "%", "viewport "에 대하여..

2022년 4월 19일
·
0개의 댓글

DP와 SP 그리고 PX의 차이

- 각각의 디바이스는 서로 다른 PX를 갖고 있어 UI개발에 영향을 준다. 개발자에게 각각의 디바이스에 비슷한 단위를 사용하기 위해 DP를 사용한다. - 통상적으로 안드로이드에서는 160dpi를 사용한다.

2022년 4월 16일
·
0개의 댓글
post-thumbnail

개발할때는 어떤 단위를 어떻게 써야할까?

디자이너에게서 디자인을 받아서 실제로 구동되는 화면으로 개발을 진행하다 보면 넓이와 높이, 여백, 폰트 사이즈 등 다양하게 단위를 지정하고 사용해야 하는 상황이 생긴다. 이 때 개발자는 고민에 빠지게 될 것이다. 어떤 단위를 사용하지? 단위를 어떻게 지정해야 할까?하지

2022년 4월 12일
·
0개의 댓글
post-thumbnail

CSS 프로퍼티 값의 단위

px은 픽셀(화소) 단위이다. 1px은 화소 1개 크기를 의미한다.픽셀은 디바이스 해상도(resolution)에 따라 상대적인 크기를 갖는다.이와 같이 디바이스 별로 픽셀(화소)의 크기는 제각각이기 때문에 픽셀을 기준으로 하는 단위는 명확하지 않다.%는 백분률 단위의

2021년 10월 20일
·
0개의 댓글
post-thumbnail

CSS 크기 단위

CSS에서 사용하는 단위에는 absolute, relative 두가지 유형이 있다.절대 길이 단위는 고정되어 있다. 화면 크기가 매우 다양하기 때문에 화면에서 사용하는 것보다는 인쇄 레이아웃에 사용된다.고정 길이 단위 종류로는 cm, mm, in(inches), px(

2021년 10월 15일
·
0개의 댓글
post-thumbnail

210930_css(4)

단위라는것을 아무거나 사용할 수 없기 때문에 !! 쓸수있는 단위를 배워보자 허용도는 프로퍼티 값들을 mdn에서 검색해보면 된다 상대길이 단위 : 기준점이 있는 상태에서 기준점에 따라 상대적 비율절대길이: 모니터형 보여지는 고정값 단위 (px만 대부분 사용)많은 사용자

2021년 9월 30일
·
0개의 댓글
post-thumbnail

[CSS] Unit(단위) & calc(),min(),max()

Unit과 이를 활용한 calc(),min(),max() 함수에 대해 다룬다.

2021년 9월 29일
·
0개의 댓글
post-thumbnail

[CSS] 글꼴 크기 단위 px과 rem의 차이점 📑

안녕하세요! 오늘은 간단하게 CSS에서 글꼴 크기 단위인 px과 rem을 각각 지정하였을때 어떤 차이점이 있는지 알아보도록 하겠습니다.

2021년 3월 7일
·
0개의 댓글

[Android]

안녕하세요 Velog에서 처음 적는 포스트는 px, sp, dp입니다화면을 구성하는 가장 기본이 되는 단위절대적인 크기가 되므로 해상도에 따라 아이콘 크기가 뒤죽박죽이 될 수 있음 물리적인 디스플레이 해상도에 영향을 받지 않고 독립적으로 크기를 지정하는 픽셀의 단위해상

2020년 12월 10일
·
0개의 댓글
post-thumbnail

CSS 단위(px, em, rem)

가장 기본적으로 사용되는 단위화소 1개의 크기를 의미한다. ( 22인치 LCD= 1680\*1050 )디바이스 해상도에 따라 상대적인 크기를 갖는다. ( 디바이스 별 제각각 )유연한 가변 단위스타일을 지정한 요소의 폰트 크기를 곱해 픽셀로 변환 된다.(상위 요소가 아

2020년 9월 23일
·
0개의 댓글
post-thumbnail

[CSS]CSS_2. 단위

1\. 기본문법2\. 단위    3\. box model4\. display property5\. 요소의 정렬&위치6\. 레이아웃7\. 수평 수직 중앙정렬8\. 기타대부분 브라우저의 폰트 사이즈 기본값은 16px, 1em, 100%프로퍼티 값이 0인 경우, 단위를 생

2020년 9월 21일
·
0개의 댓글

em vs rem vs px

부모요소의 font크기를 기준으로 상대적인 font크기를 나타내는 단위 최상위 요소인 html 요소의 font크기를 기준으로 상대적인 font크기를 나타내는 단위 크기가 고정된 절대단위 참고https://www.w3schools.com/cssref/css_un

2020년 8월 25일
·
0개의 댓글

[사전스터디] px와 rem

font-size에 대해 wrap-up하려고 한다. 기본적으로 html의 default 글자크기는 16px이다. 따라서 font-size를 1.5rem으로 하면 24px의 크기를 갖는다. 매번 계산을 하는 것이 번거로울 수 있다. 예를들어 3.5rem은 16 x 3.5 와 같은 연산은 번거롭다. (연산은 컴퓨터가 나보다 잘하는 거니까.....) 따...

2020년 4월 14일
·
1개의 댓글

HTML unit

CSS의 기본이 될 수 있는 크기 단위 정리

2020년 2월 13일
·
0개의 댓글