960g 및 해골 유틸리티

Question

간단한 질문이 있습니다. 나는 지금 웹 디자인을 배우고 있지만 픽셀 기반의 그리드를 찾는 것은 매우 어렵다. 그 문제는 반응하는 요소 때문입니다.

예를 들어 논리적 중단 점뿐만 아니라 모든 픽셀에 대해 이미지 크기를 조정해야하기 때문에 미디어 쿼리를 삽입 할 수 없습니다. 그래서 내 솔루션은 최대한 간단하게 너비를 설정합니다 : %; 모든 열에 대해 (1 열 또는 2 열을 갖지만 모든 픽셀에 대해 이미지와 내용의 크기를 조정해야 함).

그렇다면 해골을 잡아라. 나는 그것을 보았다. 그러나 그것은 미디어 퀘리를 제외하고 960gs의 동일한 사본 인 것처럼 보인다. 그리고 그것은 여전히 ​​같은 문제 다.

960g는 많은 요소 (3-4 열)가있는 큰 사이트에서 문제를 해결할 수 있고 너비를 늘리거나 크기를 조정할 필요가 없다고 생각할 수 있습니다 (예 : 최대 논리적 브레이크 포인트가 1024 인 경우). 예를 들어 열에 다른 공간이 필요하지 않은 경우 margin : 0 auto; 전체 사이트 중심 지정)을 수행하면됩니다.

그래서 어떻게 생각하십니까? 조언이 필요해. 고맙습니다.

편집 : 코드 샘플 (난 그냥 2 열했다)

<header> 
some social media pixtures 
</header> 

<nav> 
logo and menu 
</nav> 

<aside> 
pictures 
</aside> 

<section> 
some articles 
</section> 

<footer> 
copyright and about me 
</footer> 

Answer 1

960gs Unsemantic에 의해 계승되었다. 참조 : http://unsemantic.com/. Unsemantic 프레임 워크는 열 너비에 대한 백분율을 사용하며 백분율은 컨테이너 너비에 비례하므로 반응하는 격자에서 사용하는 것이 더 적합합니다.

약간의 조언 : 뉴스 목록, 양식, 이미지 등과 같은 특정 요소에 열 너비를 적용하는 대신 그리드 시스템을 사용하여 레이아웃 열을 지정하십시오. 이렇게하면 열 내의 요소가 자동으로 너비를 통해 너비를 지정합니다.