|

Tabela z suwakiem poziomym na urządzeniach mobilnych? Szybki kodzik

Strona główna » Blog » Optymalizacja WWW » Tabela z suwakiem poziomym na urządzeniach mobilnych? Szybki kodzik
Jak tworzyć strony www? ebizpro.pl

Długo mnie to męczyło, aż… przestało, bo znalazłem rozwiązanie 😉 Poziomy suwak w tabeli HTML wyświetlanej na małych ekranach nie zawsze zostaje uwzględniony w kodzie stron / szablonów. Wychodząc naprzeciw tym dziwnym deficytom wystarczy kod tabeli umieścić w divie:

<div style="overflow: auto;">
<table>
....
</table>
</div>

i gotowe – na urządzeniach z ekranem dotykowym oprócz dolnego suwaka jest możliwość przesuwania tabeli palcem.

Brak możliwości przesunięcia tabeli uniemożliwiał jej pełne odczytanie na małych ekranach – zostawała ucięta, co było jawną dyskryminacją mobilnych 😉

Sprawdź podobne wpisy

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *

Ta strona używa Akismet do redukcji spamu. Dowiedz się, w jaki sposób przetwarzane są dane Twoich komentarzy.