D.iK.iJ

Мета тег конечно же в <header>:

<meta name=viewport content="width=device-width, initial-scale=1">

Ну а стили можно в файл стилей. Ну или в тот же Хедер сайта, обрамив тегами <style></style>:

@media screen and (max-width: 700px) {

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;}

}

@media screen and (max-width: 500px) {

body, tbody {

-moz-hyphens: auto;

-webkit-hyphens: auto;

-ms-hyphens: auto;

hyphens: auto;}

}

@media screen and (max-width: 400px) {

td {word-break: break-all;}

}

Ну а если дизайн не "резиновый", то дальше я обычно правлю руками.

Адаптивные конечно. Так и не понял, изменились ли доходы.

Заморачивался много только с 1 сайтом. Когда сообразил что и как лучше делать, пошло легче.

Да, все сам конечно :) Вот тут в последнем сообщении CSS есть для начала.

Делал и верстал все сам. Сайтов 18 уже. Все делал на обычном CSS (медиа), так как адаптивный тянущийся дизайн "рулит".

На своих сайтах - все свое и тянущееся. На чужих - шаблон любой КМСки, который ломается и делается красивым тянущимся.

Давайте скину готовое для .htaccess. Использую при адаптации сайтов, но на всех моих сайтах, например, оно настраивалось на хостинге:

Клацаете - это хорошо, но что выдает сервер в заголовке?

Кроме WWW еще бывает переадресация на страницу со слешем (без слеша) в конце.

Ну и дата там еще 20 число. Может и 404 было тогда.

Если есть плагин / адаптивная тема - ставьте :)

Если руками и бесплатно: /ru/forum/873867

Ну еще мне иногда пишут по переделке сайтов. Уже штук 18 переделал. :)

Сделал на всех 11 своих сайтах. Еще давненько. Сейчас по заказам делаю :)

Забавно, но числа 15, кажется, трафик сильно увеличился по многим даже совсем "вялым" сайтам, а числу к 21 наоборот утих до более средних значений. Но зато с мобильных Адсенс теперь больше половины приносит.

Очень рад за вас. Также спешу сообщить, что тоже умею делать адаптивный дизайн за деньги :)

Но эта тема, правда, была больше для каких-то вопросов - вдруг кто-то хочет бесплатно научиться.

Честно, мне для Гугла еще ни разу никакая подпорка не нужна была. Все отлично понимает. Регулярно дает 100 из 100 за адаптивные версии.

Да и мобильные браузеры на Андроиде вполне современные... для всех остальных есть "тянущийся" дизайн.

Да, я за поддержку 99% всего и вся... но зачем мне ЭТО, с учетом, что я плохо читаю иностранные сайты? :)

А это разве проблема? Если я правильно понял статью, то какая разница там между мобильным и обычным компьютером? Нет, правда! Огромные шапки меня и на ноутбуке бесят.

Или вы про что-то другое?

Я обычно начинаю с этого в СSS: /ru/forum/comment/13689164

И дальше смотрю, какие элементы нужно сделать "тянущимися". В принципе, большая часть оформления остается как была.

На данный момент работаю с заказами с Серча. Всего даптировал уже порядка 18 сайтов (включая свои).

А вот последние полезные наработки:

<meta name=viewport content="width=device-width, initial-scale=1">

@media screen and (max-width: 700px) {
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;}
}
@media screen and (max-width: 500px) {
body, tbody {
-moz-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;}
}
@media screen and (max-width: 400px) {
td {word-break: break-all;}
}