D.iK.iJ

Почитал про него на Хабре: http://habrahabr.ru/post/190464/

Что-то мне подсказывает, что не буду я держать 100500 разных картинок для пользователей дисплеев Ретина. Скажу даже больше - в лучшем случае CSS 3 спасет отображение сайта.

Пользуюсь. Пожалуй, лучшее решение по кросспостингу что я пробовал.

Прогон по 10 000 каталогов никак не гарантирует 10 000 ссылок :)

Если 100 в Яндексе и появится, то и те - месяца за три.

P.S. Тест от Гугл "Mobile-Friendly Test" одобрил этот метод.

Ну и

86 / 100 Удобство для пользователей.

Чтобы убрать всю гадость из картинок - просто измените у них размер. Теми же средствами PHP.

Чтобы вместо расширения .jpg не подсунули .jpg.exe - проверять файл на наличие 2 точек в названии.

Это, пожалуй, самое простое :)

С картинками справился, хоть и тормозил довольно долго:

@media screen and (max-width: 650px) {
img {max-width: 96% !important; height: auto !important;}
iframe, textarea, input, button, submit, video, object, embed {max-width: 99% !important;}
table, span, div, ins {max-width: 100% !important;}
}

Срабатывает вот такое:

Сейчас попробую. По идее, у меня у картинок (на сайте) есть своя высота. пикселей 400. И все получается вытянутым на мобильнике. А когда я ставлю высоту в стилях любой % - картинки исчезают вообще.

Спасибо. Там у гугла упоминается вот такая ссылка: http://www.html5rocks.com/en/mobile/responsivedesign/

В общем, там и прочитал про такую адаптацию. Жаль, перевожу не очень быстро.

Не стал делать мобильную версию, а весь "адпитивный дизайн" влез в 2 строчки Meta тега и стилей:

/ru/forum/873867

Я верю в современные планшеты и мобильные браузеры. :) Ну и лень.

В принципе, если доработать стили под конкретный сайт, будет еще лучше.

Написал скриптик на пару строчек для детектирования адблока. Вывожу пару рекламных ссылок и примерно такой текст:

Но можно и баннеры нестандартных размеров, например.