반응 형 웹 사이트 너비 960px 또는 %?

Question

나는 이미 그것에 대해 7 권의 책을 읽었지만 솔직히 웹 사이트 구축에 초보자입니다. Ethan Marcotte의 반응 형 웹 디자인이 마지막이었습니다.

그래도 한 가지 질문이 붙어 있습니다. 반응 형 웹 사이트를 만들고 픽셀 대신에 %를 사용하십시오. 그러면 래퍼는 얼마나 넓습니까? 나는 래퍼에게 960px의 최대 너비와 헤더, nav 등의 다른 모든 프레임을 %로 변환해야합니까? 예를 들어 헤더는 900/960 × 100 = 93.75 %가됩니다.

또는 %에서 래퍼를 만들어야합니까? 내 초기 생각은 960/1680 × 100 = 57 %가 될 수 있도록 1680 픽셀 너비의 모니터 해상도로 960을 나눈 것입니다.

여분의 큰 화면에서는 올바르게 보이지 않거나 표시되지 않으므로이 숫자는 논리적으로 들리지 않습니다.

도움이 될 것입니다.

감사합니다,

라이 니어

Answer 1

아니, 논리적 아니다. 사용자가 사용하는 화면의 종류에 대해 아무 것도 예상 할 수 없기 때문에 매우 작은 요소를 제외하고 픽셀 크기를 하드 코딩하는 것은 안전하지 않습니다.

Answer 2

픽셀 크기를 하드 코딩하는 데는 거의 이유가 없으므로 하드 너비와 높이가 필요없는 이미지도 멋지게 배치 할 수 있습니다. 할 수있을 때 비율을 사용해보십시오. 그러나 미디어 쿼리가 멋진 것임을 기억하십시오!