2011-12-19 4 views
0

내 머리글에 로고 배치에 관한 질문이 있습니다. 값을 백분율이나 픽셀로 직접 입력하는 것이 더 좋습니까?CSS에서 사용하는 것이 더 낫습니다. 백분율 또는 픽셀 ..?

<div class="bar"> 
    <div class="logo"></div> 
</div> 

와 CSS : 여기 예를 들어

는 HTML 코드입니다

.bar { 
    background: url("background.png") repeat-x scroll 0 0 transparent; 
    height: 50px; 
} 

.bar .logo { 
    float: left; 
    margin-top: 10px; 
    margin-left: 5%; /*or 20px for example*/ 
} 

다른 브라우저와 디스플레이의 차이가있을 수 있습니다 (파이어 폭스, IE, ...) 아마도 다른 방법보다 더 흥미로운 방법 일 것입니다.

감사합니다. (예 : Google 광고 div)는 을 확장하고 싶지는 않을 알려진 고정 항목의

+0

나는 퍼센티지를 사용하는 것이 더 낫다고 생각한다. 다른 해상도, O/S 및 브라우저와 관련이 있습니다. 누군가가 더 나은 대답을 제공 할 것입니다. –

+0

Google에서 Pixels vs. CSS Percentage에 대한 조회수가 300,000 회를 넘었습니다.그들 모두를 요약하는 것은 어려울 것입니다. –

+0

두 방법 중 어느 쪽이 다른 쪽보다 "더 재미있는"또는 "더 나은"것은 아니며, 단순히 다른 측정 단위입니다. 원하는 출력에 따라 다릅니다. –

답변

2

다양하지만 완벽하게 제어하려면 픽셀을 사용하는 것이 좋습니다. 이미지 요소와 매우 상세한 배치를 결합한 페이지는 픽셀 단위 여야합니다. 이런 이유로 많은 페이지는 요즘 고정 폭입니다. 또한 픽셀은 브라우저간에 일관성이있을 가능성이 높습니다.

페이지 레이아웃이 브라우저의 크기에 따라 달라 지거나 빠르고 정밀도가 떨어지는 레이아웃의 경우 백분율을 사용하십시오.

2

, 픽셀은 정상입니다.

그러나 다른 모든 경우의 99 %의 경우, 문제의 대상이 다른 디스플레이로 확장되므로 백분율이 더 좋습니다.

1

많은 영향을받습니다. 일반적으로 모든 컴퓨터에서 모든 브라우저의 해상도에 맞기 때문에 백분율을 사용하는 것이 좋습니다. 그러나 고정 된 위치 (여백에 좋음)를 얻으려면 픽셀이 좋습니다. 그러나 크기와 해상도가 다른 모니터에서 픽셀의 크기가 다릅니다. 예를 들어, 1440x900 해상도를 실행하는 17 인치 모니터에서 픽셀은 동일한 1440x900 해상도로 실행되는 21 인치 모니터보다 작습니다.

2

중간에있는 세 번째 대안이 있습니다. 기본 글꼴 크기가 10px 일 수도 있습니다. (또는 더 나은 호환성을 위해 62,5 %) 본체에서 다음을 사용하여 픽셀을 계산할 수 있습니다 em s : 1em is 10px;

무엇이 그렇게 재미 있습니까? 사용자가 IE 나 FF로 font-zoom을 사용하면 상황이 그에 맞게 조정됩니다. 내게 필요한 옵션에 적합합니다.

관련 문제