Od użytkownika @Ideleven dostałem informację, że na komórce szerokie tabelki są obcinane, nie da się ich przewijać itp. Po prostu - część treści się gubi i nie ma do nich dostępu.
Sprawdziłem i rzeczywiście - u mnie jest tak samo.
Przykładowy wpis, na którym można to zaobserwować - Ile zarabiacie?
Po odpaleniu na komórce (u mnie Android 11 i najnowszy Firefox) efekt jest taki, jak poniżej widać: tabelka się nie mieści na szerokość na ekranie, nie ma możliwości jej przesunięcia.
Myślę że trzeba tutaj dodać tę klasę CSS aby tabele były responsywne: https://getbootstrap.com/docs/4.6/content/tables/#responsive-tables
Czas zacząć używać urządzeń, które mają duże ekrany.
Ze mnie się śmiali, że używam 17-calowego monitora, a sami mordują się na 7-calowym. :D
Adam Boduch napisał(a):
Myślę że trzeba tutaj dodać tę klasę CSS aby tabele były responsywne: https://getbootstrap.com/docs/4.6/content/tables/#responsive-tables
No to pokazaną na obrazku tabelkę tak ściśnie, że stanie się zupełnie nieczytelna. Wolałbym, aby tabelka siedziała w osobnym divie (choć to raczej nie jest konieczne) i obsługiwała pasek przewijania. Wtedy nieważne jak szeroka by była, na każdym ekraniku można by ją wygodnie czytać.
furious programming napisał(a):
No to pokazaną na obrazku tabelkę tak ściśnie, że stanie się zupełnie nieczytelna. Wolałbym, aby tabelka siedziała w osobnym
divie (choć to raczej nie jest konieczne) i obsługiwała pasek przewijania. Wtedy nieważne jak szeroka by była, na każdym ekraniku można by ją wygodnie czytać.
Ale:
Always responsive
Across every breakpoint, use .table-responsive for horizontally scrolling tables.
~ https://getbootstrap.com/docs/4.6/content/tables/#responsive-tables
To co znaczy w końcu "responsive"?
Silv napisał(a):
To co znaczy w końcu "responsive"?
Za słownikiem (słownik PWN nie zawiera definicji tego słowa):
- reagujący na coś, odpowiadający na działanie;
- dostosowujący się do szerokości ekranu komputera, telefonu itp.
Jeśli coś jest responsywne, to ma reagować na jakieś działanie (np. resposywne sterowanie w grze, czyli reagujące na wciskanie przycisków bez zamuły), a w przypadku stron internetowych i różnego rodzaju innych aplikacji, zawartość ma się dopasowywać do rozdzielczości ekranu.
@furious programming: tak właśnie. Dodany zostanie pasek przewijania dla tabeli. Poprawka już jest: https://github.com/adam-boduch/coyote/commit/0af8d8dc7d1ce28c22248ddcd39ac838367303d1