Помощник
|
Проблема с шириной контента на мобильном, Контент шире экрана |
PostBrigada
|
Сообщение
#1
|
||
|
|
||
|
|||
fantanella |
20.9.2016, 10:36;
Ответить: fantanella
Сообщение
#2
|
|
PostBrigada,
дело не в том, что на смарте сдвигается шапка, а в том, что у вас фикс. ширина 1024пикс, поэтому считается, что контент будет шире экрана на устройствах с шириной меньше 1024 пикс. А так я бы исправила: Код .header { height: 345px; background: url(images/head-bg.png) no-repeat; background-size: 100% 100%; } на Код .header { height: 345px; background: url(images/head-bg.png) no-repeat; background-size: cover; } |
|
|
PostBrigada
|
Сообщение
#3
|
|
не помогло(
-------------------- |
|
|
fantanella |
20.9.2016, 12:05;
Ответить: fantanella
Сообщение
#4
|
|
Brigada,
остался сдвиг или просто "Контент шире экрана" ? По второму я вам уже написала, что у вас ширина фикс 1024 пикс. и такая фигня будет всегда - надо делать адаптив. |
|
|
PostBrigada
|
Сообщение
#5
|
|
fantanella, сдвиг остался
-------------------- |
|
|
indafaust |
20.9.2016, 20:08;
Ответить: indafaust
Сообщение
#6
|
|
Если проблема только в сдвиге, то задай всем основным контейнерам ширину не через width, а max-width, контенту и сайдбару также, желательно в процентах. Тоже самое и картинкам стили max-width 100% и height auto. Ну а дальше гугли медиазапросы для адаптации сайта и тд.
|
|
|
timurikvx |
20.9.2016, 20:34;
Ответить: timurikvx
Сообщение
#7
|
|
PostBrigada, попробуйте этот сервис от гугла.
А так отказывайтесь принципе от px в пользу %. Да и все равно через телефон смотреть десктопные сайты неудобно из за мелкого шрифта. Предлагаю посмотреть в сторону <meta name="viewport" content="width=device-width, initial-scale=1.0">, а через медиа запросы подключать стили для требуемого экрана -------------------- |
|
|
PostBrigada
|
Сообщение
#8
|
|
indafaust, сайт полностью не оптимизирован под мобильные устройства, это надо браться отдельно.
Сейчас просто хотел что бы на мобилах шапка была такой же ширины как и основной контент. -------------------- |
|
|
fantanella |
21.9.2016, 10:02;
Ответить: fantanella
Сообщение
#9
|
|
PostBrigada,
честно говоря, вот так с наскоку не определить из-за чего сдвиг происходит. Надо сидеть и искать этот баг. |
|
|
PostBrigada
|
Сообщение
#10
|
|
что то понять не могу, вроде ничего не делал, шапка к чертям пропала совсем, фон точнее ее. Сама картинка на месте. Помогите хоть назад вернуть)))
Сообщение отредактировал PostBrigada - 21.9.2016, 11:03 -------------------- |
|
|
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
A-Parser 1.1 - продвинутый парсер ПС, кейвордов, контента, показателей, 70+ парсеров. | 351 | Forbidden | 277477 | 11.3.2024, 13:49 автор: AParser_Support |
|
Дайте бесплатного контента! :) | 2 | Tia2 | 970 | 22.12.2023, 18:53 автор: zyzy |
|
Занимаюсь добычей качественного контента из Вебархива. Опыт уже более трех лет Предоставляю только качественный, читабельный контент. |
62 | kuz999 | 37853 | 27.7.2023, 13:55 автор: kuz999 |
|
Ищу помощника (SEO, сбор информации, размещение контента на сайтах, рутина) | 0 | rokot | 796 | 8.2.2023, 18:35 автор: rokot |
|
Плагин для Wordpress. Вывод контента в зависимости от страны пользователя. | 8 | neuch | 2255 | 19.9.2022, 7:51 автор: neuch |
Текстовая версия | Сейчас: 19.3.2024, 7:27 |