WebSite X5Help Center

 
Николай Карась
Николай Карась
User

Как сделать шапку сайта адаптированной по разрешению для смартфо  ru

Автор: Николай Карась
Просмотрено 1435, Подписчики 1, Размещенный 0  

Добрый день!
Объясните, пожалуйста, как сделать шапку сайта адаптировнаной для просмотра на смартфоне?
Сайт http://karas-media.ru/index.html
В нём всё адаптированно, кроме самой шапки. Она всегда у меня показывается одной единой картинкой. Я не могу понять как и где её можно адаптировать под другие устройства, например под смартфон.

Размещено
2 Ответы - 1 Корректно
Pavel M.
Pavel M.
User

Если это у вас цельная картинка, то она никак не адаптируется под смартфон, пропорции и ориентация различаются. Ранее, когда ничего не адаптировалось, ваша картинка бы помещалась вся и под ней был бы весь сайт, но очень мелко, требовалось увеличивать вручную.

Выход только один - разбить картинку на фон, картинку рыбы и на тексты. А потом уже это всё пытаться адаптировать к разным разрешениям, что-то отключая из показа.

И по поводу адреса вашей главной страницы - используйте его без index, а чтобы он вообще не появлялся и поисковики не думали, что у вас два разных сайта, погуглите про файл .htaccess и как избавиться от index.html

Читать больше
Размещено От Pavel M.
Николай Карась
Николай Карась
User
Автор

Понял, попробую)
Благодарю!

Читать больше
Размещено От Николай Карась