WebSite X5Help Center

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

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

Author: Николай Карась
Visited 1478, Followers 1, Shared 0  

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

Posted on the
2 ANSWERS - 1 CORRECT
Pavel M.
Pavel M.
User

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

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

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

Read more
Posted on the from Pavel M.
Николай Карась
Николай Карась
User
Author

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

Read more
Posted on the from Николай Карась