2011-11-01 3 views
6

저는 CSS 전문가가 아니므로 모든 브라우저와 해상도에서 멋지게 보이는 디자인을 만들고 싶습니다. 일부 웹 사이트에서 픽셀이 아닌 백분율을 사용하여 디자인 (width, height, margin, padding)을 만들었으며 모든 디자인이 백분율로 표시됩니다. 이 접근법에 문제가 있습니까?CSS, 백분율 또는 픽셀 중에서 어느 것이 더 좋습니까?

제발 알려주십시오.

+0

디자인에 따라 다릅니다. 스트레칭을 지원하고 1920px 및 1024px 와이드 스크린에서도 똑같이 잘 보이지 않는 이유는 무엇입니까? –

답변

9

이 방법을 사용해도 문제가 없으므로 필요에 따라 백분율과 픽셀이 모두 잘 작동합니다. 유체 사이트가 필요한 경우 백분율이 최상의 옵션 일 수 있습니다. 그리고 글꼴에 대한 ems, 그래서 사용자가 필요에 따라 자사의 디스플레이를 수정할 수 있습니다. 이에 대한 전문가의 의견

커플 : 여기

http://kyleschaeffer.com/best-practices/css-font-size-em-vs-px-vs-pt-vs

http://webdesign.about.com/cs/typemeasurements/a/aa042803a.htm

그리고 흥미로운 트위스트의 퍼센트 + 픽셀 :

http://www.cssplay.co.uk/boxes/outside.html

0

가 따라 사이트의 규모를 가지고 해상도 나 브라우저 창 크기에 따라 퍼센트가됩니다. 최고의 베팅. 해결해야 할 유일한 문제는 해상도가 매우 낮거나 크기 브라우저 창이 작을 때 콘텐츠를 읽는 데 어려움이있는 경우 콘텐츠가 뒤죽박죽이어서 읽을 수 없게되는 경우입니다. 픽셀보다는 백분율을 사용하면 사이트가 액체가되고 창의 해상도와 규모에 따라 조정됩니다.

관련 문제