Как сделать шапку сайта адаптированной по разрешению для смартфо
Автор: Николай Карась
Просмотрено 1473,
Подписчики 1,
Размещенный 0
Добрый день!
Объясните, пожалуйста, как сделать шапку сайта адаптировнаной для просмотра на смартфоне?
Сайт http://karas-media.ru/index.html
В нём всё адаптированно, кроме самой шапки. Она всегда у меня показывается одной единой картинкой. Я не могу понять как и где её можно адаптировать под другие устройства, например под смартфон.
Размещено
Если это у вас цельная картинка, то она никак не адаптируется под смартфон, пропорции и ориентация различаются. Ранее, когда ничего не адаптировалось, ваша картинка бы помещалась вся и под ней был бы весь сайт, но очень мелко, требовалось увеличивать вручную.
Выход только один - разбить картинку на фон, картинку рыбы и на тексты. А потом уже это всё пытаться адаптировать к разным разрешениям, что-то отключая из показа.
И по поводу адреса вашей главной страницы - используйте его без index, а чтобы он вообще не появлялся и поисковики не думали, что у вас два разных сайта, погуглите про файл .htaccess и как избавиться от index.html
Автор
Понял, попробую)
Благодарю!