D.iK.iJ

D.iK.iJ
Рейтинг
239
Регистрация
26.05.2013
Должность
Человек-оркестр
Интересы
Занимаюсь адаптивной версткой сайтов, а в свободное время делаю симпатичные кулоны с опалами.
Делай что должен. И будь оно... просто будь! 💬 Когда будет срублено последнее дерево, когда будет отравлена последняя река, когда будет поймана последняя птица, – только тогда вы поймете, что деньги нельзя есть. 💬 Лучший момент, чтобы посадить дерево, был 20 лет назад. Второй лучший момент - сейчас.

Добавьте мета тег и вот эти стили (ниже остальных):

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

#access .menu-header, div.menu, #colophon, #branding, #main, #wrapper {width: auto;}
#content {margin: 0 20px 36px 20px;}
#container {float: none; margin: 0px;}
#site-title {width: auto;}
}

Ну а дальше - правьте по мере надобности.

Я просто сделал загрузку кнопок асинхронной, чтобы не тормозили.

<div id='vk_comments'></div>
<script type="text/javascript">
function start(){
VK.init({apiId: 290*****, onlyWidgets: true});
VK.Widgets.Comments("vk_comments", {limit: 5, width: "496", attach: "*"});
}
</script>
<script async onload="start();" type="text/javascript" src="//vk.com/js/api/openapi.js?116"></script>
</center>

Для примера - комментарии. С кнопками там 1 в 1 все.

Гугл за свою же рекламу тоже хорошо снимает баллы адаптивности, например :)

slavegirl:
ziliboba0213, будете мне зимой яйца из магазина домой приносить? Куриные. У Вас уникальный талант, не нужно, чтобы он зря пропадал!

Это у каждого мужика. Долгие годы тренировок

SeVlad:
Ну для ретины тоже есть @media-правила в css.

Я просто зануда ))) не все же знают, что аппаратные пиксели - разного размера бывают на устройстве, а пиксели CSS - примерно стандарт.

Для меня, как для пользователя, это прошлый век ))

Хром - ткнуть [F12] или правой кнопкой мыши на элементе => Просмотреть код.

Там видно, что <div class="AnimatedNumber_Container">

/modules/mod_tsianimatenumber/assest/css/mod_tsianimatenumber.css

12 строка.

Это же можно и в IE 11 сделать и просмотреть стили, попробовать поменять их на лету и проверить результат. :)

SeVlad:
Если вспоминать, что разрешения "мобильных" ныне как у десктопов, то станет намного легче. :
SeVlad:
Сорри, не понял что ты хотел сказать в "это не так"?

Что экран телефона может быть и "большой" в аппаратных пикселях, но 1024 на 800 в телефоне - это не 1024 на десктопе.

Ну и привел пример с Айфоном. У него ширина 640 точек, но они мелкие и ширина сайта выходит всего 320 пикселей CSS.

Минимум 40 дней для Яндекса ))

joost:
DiKiJ, помощь будет бесплатной?

Нет, вы уже потратили 100 рублей :2cents: на этот вопрос. Жду следующий :)

Всего: 2932