[css] CSS에서 픽셀로 작업하는 것이 좋지 않습니까? [닫은]

대답은 대부분 귀하의 상황에 따라 다르기 때문에 어려운 질문입니다.

픽셀은 그다지 나쁘지 않으며 주로 사용합니다. (때때로 글꼴 크기에 대해서도 마찬가지입니다.)
일반적으로 레이아웃의 외부 블록 요소를 지정된 크기 (고정 너비 레이아웃의 픽셀 및 유동 레이아웃의 백분율)로 고정하고 내부 요소에는 가능한 경우 항상 백분율을 설정합니다.

백분율이나 ems 로 스타일을 지정할 수없는 요소가 있습니다 . 특히 이러한 원칙을 이해하지 못하는 그래픽 디자이너가 만든 더 멋진 요소가 있습니다 .

예를 들어 사이트에 단순한 스타일의 열이있는 경우 너비를 백분율로 쉽게 설정할 수 있지만 배율을 염두에두고 설계되지 않은 특정 너비의 배경 이미지가있는 경우보기 만 좋을뿐입니다. 고정 너비로. 이러한 경우 페이지의 나머지 부분이 나머지 너비를 올바르게 차지하는지 확인해야합니다.

백분율이있는 픽셀을 함께 사용할 수 있습니다.
예를 들어 다음은 내 최신 웹 앱 중 하나의 스 니펫입니다.

min-width: 800px;
width: 80%;
max-width: 1500px;

선택은 또한 달성하려는 디자인 또는 레이아웃에 따라 다릅니다.

A에 대한 고정 폭 레이아웃, 픽셀 값은 미세하다. 디자이너가 크기 조정 방법에 대해 생각하는 것조차 매우 복잡 할 수있는 정말 멋진 내용이 포함 된 포토샵 이미지를 제공하는 경우 반드시이 작업을 수행해야합니다.

레이아웃이 동적 이어야하는 경우 백분율을 사용하여 해상도가 변경됨에 따라 확장되는지 확인하고 위의 코드 스 니펫을 사용하여 그렇지 않으면 미친 것처럼 보일 수있는 시나리오에서 더보기 좋게 만들 수 있습니다.

일부 레이아웃 (예 : StackOverflow가 모든 공간을 차지한다고 상상해보세요)은 예를 들어 너비에서 매우보기 흉할 것입니다. 1920 픽셀-선 너비가 너무 커서 읽기가 매우 불편할 것입니다.
이것이 바로 그 이유 max-width입니다. 일부 동적 레이아웃에서도 유용성과 가독성을 극대화하려면 사이트의 최대 너비를 제한해야합니다.

또한 더 작은 화면도 고려하십시오.
더 이상 800×600 데스크톱을 사용하는 사람은 없지만 많은 사람들이 해상도가 더 작은 모바일 장치로 웹을 탐색합니다.
이것이 min-width목적입니다. 동적으로 확장 된 레이아웃을 작은 해상도에서 덜 복잡하게 보이게하는 것입니다.

이게 도움이 되길 바란다.

편집하다:

스매싱 책은 주제에 대한 몇 가지 아주 좋은 생각을 가지고있다.

편집 2 :

내 게시물이 방문자에게 픽셀 기반 크기 조정을 강요하는 것처럼 들리는 것을 원하지 않습니다.
(분명히 댓글의 일부 사람들이 그런 식으로 나를 오해했습니다.)

정리하려면 :

이상적인 레이아웃은 가능한 모든 해상도 나 설정에 잘 조정되는 레이아웃이라고 생각합니다.
그러나 우리는 항상 모든 것을 완벽하게 할 수는 없습니다. 시간 / 자원 및 대상 고객은 사이트에 고급 기능이 필요한지 여부를 결정하는 열쇠입니다.

나는 당신이 주어진 직업에 옳은 것을 사용하도록 제안하고 있습니다.

사이트에 대한 고급 조정이 필요한 방문자가 상당 할 사이트를 개발하는 경우 그만한 가치가 있습니다.
(물론 때때로 우리는 일을 옳은 방식으로하는 느낌을 갖기 위해 우리 자신을 위해 그렇게하지만 항상 재정적으로 건전한 결정은 아닙니다.)

그래도 레이아웃을 결정하기 전에 어떤 종류의 사이트가 될 것인지, 누가 방문자가 될 것인지, 그리고 레이아웃을 유동적으로 만들거나 더 역동적으로 만드는 것이 가치가 있는지에 대해 적절한 조사를해야합니다.