빠른 디자인을위한 전체 화면 너비 CSS 프레임 워크

Question

960px GS 및 그리드 생성기와 같은 여러 가지 고정 너비 CSS 프레임 워크가 있습니다. 내가 발견 한 문제는 고정 너비입니다. 일반 화면에서는 가장 잘 작동하지만 사용 가능한 화면의 전체 너비를 사용하는 CSS 프레임 워크를 통해 도움을받을 수 있습니까? 기둥, 거터 폭 등의 요소는 요인과 관련이 없습니다.

미리 감사드립니다. :)

Answer 1

%를 기반으로하는 그리드를 만드는 것은 매우 쉽습니다. 부트 스트랩과 같은 모든 기능을 사용하지 않는다면, 당신은 너무 많은 여분의 팽창을주는 것뿐입니다. 반응 형 그리드 시스템을 만드는 데는 10 분 20 분 밖에 걸리지 않으며 필요한 것만 큼은 물론 아무것도 줄이지 않습니다.

Here's a video 단순한 2 열, % 기반 그리드 만들기.

And here's a blog post 당신이 그것에 대해 읽고 싶다면 거의 똑같은 일을 겪습니다.

모바일 관련 CSS를 만들려면 미디어 쿼리가 필요합니다 (here's a post). 당신은 미디어 쿼리를 사용하려고하는 경우

또한, 넣어 잊지 마세요 : 페이지의 head에서

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

합니다.