• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

tabela, media query

Aruba Cloud PRO i VPS, Openstack, VMWare, MS Hyper-V
+2 głosów
145 wizyt
pytanie zadane 26 lipca 2021 w HTML i CSS przez moniawx Nowicjusz (170 p.)
Hej,

mam do zrobienia strone internetową sklepu. Na stronie głównej mam zrobić siatkę produktów z obrazkiem oraz opisem produktu.

Chciałam zrobić to w formie tabeli ale nie wiem jak będzie to wyglądało na mniejszych urządzeniach. Czy użycie media query sprawi ze tabela będzie sie jakos zawijała ? Czy np na tablecie będzie się pokazywał pasek aby przesunąć ekran na dalszą cześć tabeli ?
1
komentarz 26 lipca 2021 przez SzkolnyAdmin Szeryf (82,260 p.)
Tak z ciekawości: jak będzie wyglądać zwinięta tabela? Bo chyba nie za ładnie (o logice nie wspominając). Tabela to tabela - niezmienny układ kolumn, najwyżej zmieniają się ich szerokości. Pojawienie się paska przewijania w tabeli (własność overflow) to ostateczność nie mająca nic wspólnego z responsywnością.

2 odpowiedzi

+3 głosów
odpowiedź 26 lipca 2021 przez Greeenone Pasjonat (16,100 p.)

Nie jest prościej użyć grid ew. flex? Z teg co wiem, to tabela nie będzie się zawijać (wrapować się)

+1 głos
odpowiedź 27 lipca 2021 przez VBService Ekspert (242,470 p.)

Przy pomocy grid-a, można tworzyć responsywne układy nawet bez użycia @media

np. Look Ma, No Media Queries! Responsive Layouts Using CSS Grid

Podobne pytania

+6 głosów
1 odpowiedź 3,040 wizyt
0 głosów
0 odpowiedzi 161 wizyt
pytanie zadane 30 stycznia 2017 w HTML i CSS przez Nienormalny_ Początkujący (350 p.)
0 głosów
0 odpowiedzi 127 wizyt
pytanie zadane 2 czerwca 2020 w HTML i CSS przez fiodoreq Nowicjusz (120 p.)

91,849 zapytań

140,526 odpowiedzi

317,034 komentarzy

61,171 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...