 Responsive design i kafelki |
| Responsive design i kafelki |
 
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 42 Pomógł: 0 Dołączył: 10.03.2011 Ostrzeżenie: (0%) 
 |
Witam, potrzebuję stworzyć responsive design oparty na siatce grid, ale nie tylko po szerokości ale też po wysokości (gutter:0). Czyli ekran dzielimy na np. 10 kolumn. Czyli mogę utworzyć kafelki: każdy odpowiednio na szerokość 10%, 20% .. 100%. I do tej pory jest to mega banał. Teraz potrzebuję by każdy ten div był kwadratem! Tak więc np. {width:100%; height:10% } nie jest dla mnie żadnym rozwiązaniem bo nie będzie to zawsze proporcja 1:1.
Chciałbym ominąć JavaScript do wyrównywania kafelków.... Czy ktoś zna jakiś sposób rozwiązania tego lub już coś takiego istnieje z czego mógłbym skorzystać? |
 |
 
|
 |
|
Post
#2
|
|
|
Grupa: Zarejestrowani Postów: 1 890 Pomógł: 339 Dołączył: 14.12.2006 Skąd: Warszawa Ostrzeżenie: (0%)
|
Jeśli dobrze zrozumiałem i chcesz uzależnić wysokość elementu od jego szerokości i dynamicznie zmieniać, to niestety nie zrobisz tego w CSS. Musisz posiłkować się JS.
|
|
|
|
Mike0 Responsive design i kafelki 12.06.2013, 19:08:47 
Mike0 Tego się bałem, czyli jedynie wyjście żeby uzyskać... 12.06.2013, 19:26:57 
sowiq Nie. Możesz ustawić procentowo szerokość i za pomo... 12.06.2013, 19:34:28  |
|
Aktualny czas: 16.10.2025 - 08:09 |
