홈 페이지 디자인시 주어진 최대 몸통 너비는 얼마입니까? 일반적으로 960px 그리드 시스템과 1200gried 시스템에 대해 들었습니다. 최대 너비는 940px (960px 그리드 시스템의 경우) & 1180px (1200px의 경우)입니다.이 그리드 시스템을 엄격하게 사용해야합니까? 사용자 정의 그리드 시스템을 정의 할 수 있습니까? 그렇다면 어떻게?웹 디자인에 대한 의문점
"그리드 시스템"이라고 말하면 누군가가 작성한 그리드의 미리 정의 된 레이아웃 일뿐입니다. 요소가 떠있는 경우 여백 (또는 거터)이 추가됩니다.
대부분의 그리드 시스템은 유연하며 열에 고정 너비가 아닌 %를 사용합니다. 일반적으로 열은 .row으로 묶어야하며,이 열은 다시 .container으로 묶입니다. 컨테이너는 전체 너비 제한이 적용되는 곳입니다.
다른 사람이 작성한 그리드 시스템을 사용하는 경우 컨테이너의 너비를 설정하는 기준에 따라 달라 지지만 (대부분 기본 설정 (960 또는 1024)), 대부분의 경우 옵션이 있습니다 부트 스트랩에서 .container이 아닌 .container-fluid을 사용하면 그리드 시스템이 페이지를 채울 수 있습니다. 본질적으로 그리드 시스템은 항상 뷰포트의 100 %입니다. 당신이 단순히 CSS를 편집 할 수있는 클래스로 구운 옵션이없는 그리드 시스템과
http://getbootstrap.com/css/#grid-example-fluid
.
예를 들어 Skeleton CSS는 960 픽셀 격자를 사용하지만 CSS를 편집하여 원하는대로 변경할 수 있습니다. http://getskeleton.com/#grid
그래서 당신이 할 수있는 일의 관점에서, 당신은 당신이 좋아하는 것을 할 수 있습니다. 다른 한편으로는 무엇을해야할까요? 글쎄요, 그것은 내용에 달려 있습니다. 기사 및 독서의 경우 960 픽셀은 사용자를 더 쉽게 읽을 수 있도록 만들어졌으며, 그보다 넓은 경우 (공간이있는 경우에도) 부정적인 사용자 환경을 조성한다는 논쟁이 있습니다. 그러나 디자인 사진 갤러리를 표시하는 경우 어쩌면 전체 뷰포트를 사용하려고합니다.
질문에 답변하는 데 다소 도움이되기를 바랍니다.