CSS 그리드 프레임 워크 비율

Question

나는 학습 경험으로 CSS 그리드를 구현하고

하고 다음 중 내 연구와 독서를 기반으로 : 분을 처리 할 때

http://css-tricks.com/dont-overthink-it-grids/

비율을 기반으로 그리드는하지만, 대부분의 이해, 분수를 100 %까지 합하면 어떻게 될까요?

33 % + 33 % + 33 %는 분명히 99 %입니다. 그리드 레이아웃의 CSS 프레임 워크에서 세 번째 효과를 사용하면 어떤 효과가 있습니까?

마지막으로 왜 이렇게 많은 프레임 워크가 많은 열 단위에 집중하는 경향이 있습니까? 예를 들어, 순수한 CSS는 24 개 단위를 지원합니다. CSS는 언뜻보기에는 이해하기가 더 어렵고 더 많은 "완벽한 픽셀 정밀도"를 제공하기 위해 무엇이 필요합니까?

내게는 대부분 4 ~ 5 열을 지원하고 더 세밀한 레이아웃 제어를 위해 그리드 내부에 그리드를 포함시키는 것이 논리적 인 것처럼 보입니다.

그리드를 사용하면 픽셀 정밀도가 제거됩니다. 요즘 모든 웹 사이트는 4 개 또는 5 개의 열로 구분됩니다.

의견, 경험, 제안 ????

Answer 1

여러에 대한 몇 가지 답변 (! 좋은) 질문은 포즈 :

• 백분율은 정수가 될 필요가 없습니다. 따라서 width: 33.3333%을하면 100 %에 가깝게됩니다. 100을 더하지 않으면 너비가 약간 부족하지만, 충분히 가깝다면 아무도 알아 채지 못할 것입니다.

• 왜 그렇게 많은 열이 있습니까? 내용의 크기가 다양하고 기둥이 많을수록 gird의 적응력이 커집니다. 그리드는 훌륭합니다 (맞습니까?). 몇 년 동안은 여전히 ​​가치가 있습니다. 여기, 그것은 당신에게 posititioning 요소를 세밀하게 제어 할 수 a PDF 또는 컬럼에 대해서는

Answer 2

on slideshare입니다. 내 데스크톱 레이아웃에 대개 16 그리드 시스템 (4,4,4,4)을 사용하지만, col_3에서 col_6으로 배치하고 싶다면 그렇게 할 수 있습니다.

시각 보조 기능을위한 그림을 제공했습니다.