레이아웃의 백분율 또는 픽셀?

웹 페이지 레이아웃에 무엇을 사용 하시겠습니까? 백분율 또는 픽셀?
하나는 언제 다른 것을 사용해야합니까?

web-development design websites

— ACP
소스

어느 - 사용 EM 의 ;-)

— 아르망

(누군가

— 흔들리는

@Alison : " em s 도 사용하지 마십시오"를 의미하지 않습니까?

— Alan Pearce

대상 플랫폼? 분명한 것은 백분율이지만 불행히도 대부분의 그래픽 자산이 잘 확장되지 않기 때문에 픽셀을 권장합니다

— dvhh

Hmmmm @Alan 당신이 옳을지도 모른다 :—)

— Armand

답변:

사용하는 단위는 전적으로 달성하려는 것에 달려 있습니다. 웹 레이아웃에서 가장 많이 사용되는 단위는 다음과 같습니다.

px-절대; 한 픽셀
pt-절대; 1/72 인치, 스크린 미디어의 경우 약 1.3px
em-부모 글꼴 크기에 상대적; 1.0em = 문자 크기 (대문자 M의 너비)
%-부모 대비

일정하게 유지되는 크기 (예 : 1px 테두리)에 px를 사용합니다.
글꼴 크기를 따라야하는 크기 (예 : 3.0em 여백)에 em을 사용합니다.
부모의 백분율을 차지해야하는 크기 (예 : 50 % 너비)에는 %를 사용합니다.

웹 페이지 레이아웃의 경우 일반적으로 고정 (픽셀) 레이아웃 또는 유동 (백분율) 기반 레이아웃을 원하는지 여부에 따라 픽셀 또는 백분율을 사용합니다.

— 구파
소스

작은 니트 선택 : em은 전통적인 타이포그래피에서 대문자 M의 너비가 아니라 너비입니다. 놀랍게도 en은 대문자 N의 너비입니다. ex는 문자 기반 높이 측정입니다.

— Stan Rogers

@Stan Rogers : 나는 그것이 대문자 M의 높이라고 말한 적이 없다. 다른 누군가가 그것을 편집했다.

— Guffa

중요한 것은 주어진 정보가 누가 정보를 입력했는지가 아니라 우리가 할 수있는만큼 정확하다는 것입니다. (다른 사람의 비 위키 답변은 아직 편집 할 수 없으므로 의견이 가장 좋습니다.)

— Stan Rogers

출력 장치의 정확한 해상도와 사용자가 설정 한 배율 (해상도 독립 UI, XP '큰 글꼴'등)을 알지 않는 한 포인트 크기는 절대적이지 않습니다. 또한, 아이폰 4는 상당히 72dpi보다 326 dpi의 인

— JBRWilkinson

@JBRWilkinson : 주어진 장치에 대한 절대적인 척도입니다. 단위만큼 절대적입니다 px. 픽셀의 크기는 주어진 디스플레이마다 다릅니다.

— 구파

나는 너비 선언 (일반적으로 고정되어 있음)에는 픽셀을 사용하는 경향이 있지만 높이에는 em입니다. 이렇게하면 레이아웃의 크기가 수직으로 조정되지만 수평 일관성은 유지됩니다.

— 선욱 궁
소스

나는 가능할 때마다 상대 / 비례 크기를 사용합니다. 나중에 레이아웃을 변경하기가 훨씬 쉬워졌습니다. 또한 부모 요소에 상대적인 크기를 사용하면 부모에 대한 변경 사항이 쉽게 속임을 의미합니다.

전통적으로 상대 크기를 사용하면 다양한 해상도에서 페이지가 올바르게 표시되고 브라우저 확대 / 축소 또는 최소 글꼴 크기에 특히 유용했습니다. 그러나 최신 브라우저는 이제 픽셀 별 레이아웃으로 크기 조정을 매우 잘 처리하고 필요에 따라 이미지를 확대 할 수 있습니다. 따라서 상대적 크기를 사용하는 것이 덜 중요합니다.

— 매트 S
소스