jak zrobić responsywne divy na stronie bez przewijania

Question

Próbuje zrobić stronę internetową gdzie pierwsza strona wygląda jak szachownica składająca się  18 kratek.

Problem polega na responsywności. Jak zaprogramować divy tak zeby zmniejszały się proporcjonalnie ale nie przeskakiwały? na stronie nie moze byc sówaka, jedynie czyste tło po prawej i lewej gdy rozdzielczość nie pozwoli na dostosowanie się szachownicy do okna przeglądarki.

Proszę o pomoc, skończyły mi się pomysły jak to zrobić

Answer 1

Myślę, ze to pomoże:
http://stackoverflow.com/questions/19068070/how-to-style-a-div-to-be-a-responsive-square

Answer 2

W CSS daj w procentach.

Comments

to jest oczywiste przy responsywności, ale jak zachować przede wszystkim forme kwadratow i całkowite wypełnienie okna przeglądarki?

---

Zdaje mi się że do tego już JS'a trzeba użyć ALBO zrób to w formie obrazka.

Answer 3

A może łatwiej by urzyć bootstrapa? Chociaż tam jest 12 kolumn to można pokombinować trochę