LINUX.ORG.RU

шаблоны мобильных сайтов

 ,


1

1

тут для себя сделал две страницы, которые бы периодически хотелось открывать на телефоне. С немалым удивлением обнаружил, что допотопные html-таблицы в мобильных браузерах выглядят как говно.

В связи с этим вопрос (а даже два):

1. Ткните носом в какой-то базовый темплейт для сайта типа «таблица с данными»

2. Что еще можно юзать, кроме таблиц?

Перемещено stave из general

★★★★★

Не вполне понял. Вы таблицей пытаетесь сверстать таблицу, или весь сайт? Верстать сайты таблицами в принципе не стоит уже очень давно.

P.S. телефон == смартфон?

MrClon ★★★★★
()
Последнее исправление: MrClon (всего исправлений: 1)
Ответ на: комментарий от MrClon

да «сайт» — слишком гордое название. Вот, собственно, страничка. Там ближайшие электрички между захардкожеными станциями.

demidrol ★★★★★
() автор топика

Хреновый у тебя мобильный и хреновый браузер, на моём таблицы выглядят как надо.

Goury ★★★★★
()

Что еще можно юзать, кроме таблиц?

Элементы списков попробуй. А в CSS допиливай уже.

html-таблицы в мобильных браузерах выглядят как говно

Адаптивная верстка в помощь.

Silencer
()
Ответ на: комментарий от Goury

Хреновый у тебя мобильный и хреновый браузер, на моём таблицы выглядят как надо.

Всё от таблиц зависит. Широкую развёрнутую таблицу на 4-5-6" мобильного экрана не посмотреть нормально.

Есть CSS-хитрости, позволяющие в низком разрешении автоматом переключать таблицу в подобие списка, но я пока сам удобного универсального решения не подыскал. То ручной возни много, то свёртка плохо работает.

Вот пример такого решения:
http://codepen.io/geoffyuen/pen/FCBEg
(переключите раскладку в вариант «код слева, превью справа» в нижней части страницы и подвигайте ширину браузера)

Вот ещё варианты:
http://css-tricks.com/responsive-data-tables/

KRoN73 ★★★★★
()
Последнее исправление: KRoN73 (всего исправлений: 1)
Ответ на: комментарий от demidrol

Там ближайшие электрички между захардкожеными станциями

сделай редирект на яндекс.расписание

static_lab ★★★★★
()

Вот шаблон, поддерживающий несколько разных типов экранов сразу, можно глянуть как сделано.

CrossFire ★★★★★
()
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.