Картинка сбивает весь сайт

 
0
 
WordPress
ava
wordpressprog | 24.10.2016, 04:11
Всем привет великим программистам.
Настал и мой черед создать свой первый сайт.
Пока что дела идут хорошо но есть одно но.
Купил шаблон, подстраиваю под себя.
Добавил картинку на главную с услугами и тому подобное(размеры если не ошибаюсь 540x400px)
На моем ПК показывает все красиво, ничего не вылазит.
Но как только сажусь за ноут, планшет или телефон, эта картинка выходит за пределы.
СКРИНЫ ПРИЛОЖУ.
Подскажите пожалуйста как сделать что бы картинка везде подстраивалась под размер экрана.
Спасибо парни и девушки, заранее благодарен.

П.С. Кому не тружно дайте маленькую оценку сайта. Что добавить, что убрать. Чего много и чего мало.
Вы все молодцы, спасибо Вам.

Сам сайт - http://ct36908.tmweb.ru

Картинка на ПК- https://gyazo.com/a9ae1e820abccda6d081aa64d0a8406f
Картинка на Планшете - https://gyazo.com/ea5fd995c32684afa87389d93acb1931
Картинка на телефоне - https://gyazo.com/65e1987693fd1e647ab011be8ea68fd2
Ответы (1)
ava
samssrus | 25.10.2016, 09:38 #
вроде как на данный момент "width=100%" проблему решает.
а в целом, если смотреть, то:
- очень странная (нестандартная) сетка (css-grid) из-за нее такая фигня с адаптивностью дизайна.
- в блоке head очень много лишнего (даже по меркам wordpress). все инлайн-стили убрать в файл (из блока head и по коду страниц). все файлы стилей слить в один (если не собирать, то хотя бы @import-ом сделать), а в head оставить линк только на один файл.
- xmlns-namespace при html5?
- title пустой.

чтобы все было супер вот эта штука https://validator.w3.org должна прекратить ругаться.
Зарегистрируйтесь или войдите, чтобы написать.
Фирма дня
Вы также можете добавить свою фирму в каталог IT-фирм, и публиковать статьи, новости, вакансии и другую информацию от имени фирмы.
Подробнее
Участники
advanced
Отправить