Что сделать с таблицами, чтобы их можно было нормально просматривать на смартфонах?

Больше текста напишу позже, а пока:

добавьте в файл скриптов:

$('.content table').wrap('<div class="table-wrap"></div>');

Добавьте в файл стилей:

.table-wrap {
  max-width: 100%;
  overflow: auto;
}

Таблица будет помещена в блок с классом .table-wrap, и если таблица не будет помещаться в родительский блок, тогда она будет отображаться с горизонтальной прокруткой внутри блока с классом .table-wrap.

Убираем лишний отступ внизу изображения

Наверное, многие, при html-верстке, встречали «баг», когда, размещая в блоке подряд два изображения, между ними…

CSS3

.block{ -ms-transform: rotate(3deg); -webkit-transform: rotate(3deg); transform: rotate(3deg); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: top…

Эффект мигания с помощью animation

Для элемента с классом blink задаем такие стили и получаем мигание этого элемента: .blink {…

Делаем цветное изображение черно-белым с помощью CSS Filters

В данном примере сделаем изображение с классом filter черно-белым по умолчанию, а при наведении на…

Ответить