Адаптивность дизайна сайта под разные разрешения экрана

голоса: 0

Добрый вечер. Подскажите, как исправить проблему с отоброжением сайта на разных разрешениях мониторов? Создавал я его под свое разрешение компьютера, а на других он выглядит так.

Адрес сайта http://ludojop.su/
| Автор: | Категория: Дизайн сайта

Ответов: 1

голоса: 0
 
Лучший ответ

Чтобы нормально подстраивались фото в шаблоне и шапка выглядела корректно в стили пропишите:

img {max-width:100%;height:auto!important}
img[src="http://ludojop.my1.ru/_DTL_PnmHB0.jpg"] { width: 100%; }

 

вот этот бред с стилей удалите:

<!-- Yandex.Metrika counter --> <script type="text/javascript" > (function (d, w, c) { (w[c] = w[c] || []).push(function() { try { w.yaCounter47149779 = new Ya.Metrika({ id:47149779, clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true, trackHash:true, ut:"noindex", ecommerce:"dataLayer" }); } catch(e) { } }); var n = d.getElementsByTagName("script")[0], s = d.createElement("script"), f = function () { n.parentNode.insertBefore(s, n); }; s.type = "text/javascript"; s.async = true; s.src = "https://cdn.jsdelivr.net/npm/yandex-metrica-watch/watch.js"; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } })(document, window, "yandex_metrika_callbacks"); </script> <!-- /Yandex.Metrika counter -->
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-112058371-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());

gtag('config', 'UA-112058371-1');
</script>

его там быть не должно.

| Автор:
Выбор ответа лучшим | | Автор: Anton Voronyak
...