И снова спасибо Вам, жаль плюсануть не получается.
До книги обязательно доберусь :) Никто же не оспаривает эту истину.
Захотелось разобраться прямо сейчас хотя бы в основах, загореться, так сказать.
Просто на текущий момент удовлетворился вылавливанием мобильного устройства по USER AGENT и подсовыванием ему облегченной версии, и Яндекс и Гугл довольны, а, вот, пользователи широкоэкранных планшетов, судя по всему, не очень :)
Да, спасибо, статья интересная.
Но если, вдруг, кто то расщедрится на несложный пример с кодом по вышеприведенной задачке, был бы вообще счастлив :)
В вышеприведенном примере максимальное значение 1100px
А как прописать для больших размеров?
Эти max-width для таблицы или страницы целиком?
Правильно я понимаю, что с помощью @media only screen и делается адаптивный дизайн просто некоторые DIVы скрываются в более узких версиях?
<html> <head> <title>Главная новостей города</title> <style> .td{border: 3px solid #000;} .tb{display:inline-block; width:330px; background: #f1f1f1; border: 1px} .tb:hover{background: #E7E7E7;} @media only screen and (max-width : 1100px) { .col-1 { min-width: 330px; width:33%; display:inline-block; padding: 0 15px; box-sizing: border-box; vertical-align: top; } } @media only screen and (max-width : 600px) { .col-1 { width:50%; } } @media only screen and (max-width : 400px) { .col-1 { width:100%; } } </style> </head> <body> <div align="center" class="td"> <div style="height: 260px;" class="tb col-1"> Краткая информация о новости №1 </div> <div style="height: 260px;" class="tb col-1"> Краткая информация о новости №2 </div> <div style="height: 260px;" class="tb col-1"> Краткая информация о новости №3 </div> <div style="height: 260px;" class="tb col-1"> Краткая информация о новости №4 </div> <div style="height: 260px;" class="tb col-1"> Краткая информация о новости №5 </div> <div style="height: 260px;" class="tb col-1"> Краткая информация о новости №6 </div> </div> </body></html>
Все-равно не растягивает :(
.col-1 { min-width: 330px; width:33%; display:inline-block; padding: 0 15px; box-sizing: border-box;}
Не получается :(
Вариант с одной колонкой растягивает, но нужно, чтобы влезало максимум колонок (в зависимости от ширины экрана) и они растягивались до 100%. К примеру, минимальная ширина колонки 330px, а у пользователя монитор позволяет растянуть основной ДИВ до 1100px - влезают 3, но уже не по 330, а по 367
Вот с такими товарищами, заинтересованными в магазине мебели в Москве 🤪 ?
Изначально было интересно понять - боты или реальные пользователи. Даже подумать не мог, что тут еще и накрутка бывает :) Думал, если, действительно, нормальные подписчики, то можно их конвертировать в ПФ и продажи. Жестоко ошибался. Вот, почему Арбайтен писал, что не стоит на эту хрень тратить время.....
Тему можно закрыть. Раскрыта. Разочарован.
Понятно откуда плюшки :(
Я до последнего надеялся, что пользователи реальные и можно сделать так же быстро :(
Пичалька
Я ж говорю - белая зависть :) Так же хочу :)
Говорит - ничего не делал, а это, сами понимаете, только разжигает интерес :)
Сейчас посмотрел статистику в аккаунте еще одного конкурента. У него посещаемость 500-700 человек в день, группу ведет уже год, а народу примерно столько же 224.
