Zawartość strony zależna od rozdzielczości/urządzenia

pytanie zadane 29 stycznia 2018 w HTML i CSS przez Bartess Gaduła (3,630 p.)

Cześć.
Strona z formularzem w tabeli w 2 wierszach: u góry nagłówki, w dolnej pola formularza. Jednak na tablecie jest to mniej wygodne w obsłudze i chciałbym przerobić to na 2 kolumny (z odpowiednio większymi fontami itd.) zamiast 2 wiersze. Jednocześnie chciałbym zostawić wersję poziomą, bo wygodniejsze do obsługi na kompie.
Samymi stylami raczej tego nie zmienię, ale jak zrobić, by przy rozdzielczości np > 900px ładowała się strona a1 ze stylami s1.css, a w przypadku rozdz. <= 900 ładowała się strona a2 ze stylami s2.css?

1 odpowiedź

odpowiedź 29 stycznia 2018 przez thryndl Nałogowiec (30,470 p.)

jak zrobić, by przy rozdzielczości np > 900px ładowała się strona a1 ze stylami s1.css, a w przypadku rozdz. <= 900 ładowała się strona a2 ze stylami s2.css?

https://css-tricks.com/resolution-specific-stylesheets/

komentarz 29 stycznia 2018 przez Bartess Gaduła (3,630 p.)

Dzięki, ale nie o to mi chodzi. Tutaj wgrywany jest inny plik stylów. Mnie chodzi o wgranie odpowiedniej strony. Tabela w podanym przez Ciebie przykładzie raczej mi się nie „zwyrtnie” z poziomej na pionową.

komentarz 29 stycznia 2018 przez Daniel90 Pasjonat (17,970 p.)

Przecież "wgranie odpowiedniej strony" to kwestia ostylowania w css a nie tworzenia 2 plików tabela1.html i tabela2.html w zależności od rozdzielczości. Wklep kod na jsfiddle.net i daj to co masz oraz to co chcesz mieć w wersji na tablet.

komentarz 29 stycznia 2018 przez Bartess Gaduła (3,630 p.)

Napisałem, że mam tabelę 2 wiersze, 5 kolumn, którą potrzebuję wyświetlić (lub zamienić poprzez zmianę kodu HTML) w postaci 2 kolumn i 5 wierszy,

1	komentarz 29 stycznia 2018 przez thryndl Nałogowiec (30,470 p.) W takim wypadku możesz spróbować z jQuery i metodą width() oraz height() Pobierasz sobie rozmiary okna, bądź nawet samego dokumentu i na tej podstawie ładujesz dynamicznie tabele.