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