Ширина экрана меньше ширины контента на 97%

Сообщений: 249 Регистрация: Фев 2012

16 Декабря 2017 16:52

У меня проблема в 3% лишнего контента. Сервис проверки сайтов пишет следующее:

"Ширина экрана меньше ширины контента на 97%. Измените CSS стили, чтобы при просмотре на мобильных устройствах контент полностью помещался на экране, без горизонтальной прокрутки."

Я проверял не нескольких смартфонах так и есть. В любом экране есть небольшая, но надоедливая прокрутка по горизонтали.
Как можно это исправить?

sharkson

Сообщений: 5425 Регистрация: Янв 2014

16 Декабря 2017 18:40

Ну ищите в css блок отвечающий за body и ишите там параметр width а потом или правьте его или скопируйте кодом весь блок сюда - будем посмотреть.

Это все что можно сказать. Ну и читайте htmlbook.ru

НАДЕЖНЫЙ И НЕДОРОГОЙ ХОСТИНГ ТУТ
НЕДОРОГОЙ ХОСТИНГ
ПРОДАМ БЛОГ ЖЖ
СОЗДАНИЕ И НАСТРОЙКА MediaWiki и phpbb3

Eye

Сообщений: 22173 Регистрация: Май 2011

16 Декабря 2017 18:46

Давайте глянем. Обычно там всего одну строку исправить. Бросьте сайт сюда или в личку.

Мы не можем похвастаться мудростью глаз
И умелыми жестами рук,
Нам не нужно все это, чтобы друг друга понять.
Сигареты в руках, чай на столе - так замыкается круг,
И вдруг нам становится страшно что-то менять.

Александр

Сообщений: 249 Регистрация: Фев 2012

16 Декабря 2017 19:02

Вот этот сайт reloc24.ruВ файле css ничего похожего на пиксили и связанного с изменением контента не нашел.

Александр

Сообщений: 249 Регистрация: Фев 2012

16 Декабря 2017 19:07

Вот тут все файлы css http://rgho.st/7hpndtT2l

Изменено: Александр - 16 Декабря 2017 19:08

Сергей Бойков

Сообщений: 276 Регистрация: Дек 2016

16 Декабря 2017 19:19

Если нет особого желания искать причину, то поможет <body style="overflow-x:hidden;">.

Eye

Сообщений: 22173 Регистрация: Май 2011

16 Декабря 2017 19:19

Найдите в файлах стилей:

Код
#menubar .navbar-header .navbar-brand { font-size: 24px; padding: 15px 0; line-height: 1; height: inherit; width: 100%; }

Строку width: 100% удалите.

Сергей Бойков

Сообщений: 276 Регистрация: Дек 2016

16 Декабря 2017 19:23

Цитата

Eye пишет:
Найдите в файлах стилей:

Код
#menubar .navbar-header .navbar-brand { font-size: 24px; padding: 15px 0; line-height: 1; height: inherit; width: 100%; }

Строку width: 100% удалите.

Кто-то нашел ))

Eye

Сообщений: 22173 Регистрация: Май 2011

16 Декабря 2017 19:28

Сергей Бойков, ну или в любом подключаемом css файле пропишите отдельной строкой в любом месте:

Код
#menubar .navbar-header .navbar-brand {width:auto !important}

и будет Вам счастье (скорее всего) smile:)

Изменено: Eye - 16 Декабря 2017 19:28

Сергей Бойков

Сообщений: 276 Регистрация: Дек 2016

#10

16 Декабря 2017 19:31

Цитата

Eye пишет:
Сергей Бойков, ну или в любом подключаемом css файле пропишите отдельной строкой в любом месте:

Код
#menubar .navbar-header .navbar-brand {width:auto !important}

и будет Вам счастье (скорее всего) smile:)

Через приоритет то счастье 100% придет))

Александр

Сообщений: 249 Регистрация: Фев 2012

#11

16 Декабря 2017 20:01

Получилось путем добавления

Цитата
#menubar .navbar-header .navbar-brand {width:auto !important}

Спасибо большое.Или лучше удалить строку width: 100%; ?

Eye

Сообщений: 22173 Регистрация: Май 2011

#12

16 Декабря 2017 20:11

Александр, без разницы, та же фигня, вид сбоку. Ну не думаю, что несколько байт из-за лишней строки там погоду прям сделают. Тем более при бутстрапе.

Изменено: Eye - 16 Декабря 2017 20:12

Александр

Сообщений: 249 Регистрация: Фев 2012

#13

16 Декабря 2017 20:31

Цитата
Eye пишет: Александр, без разницы, та же фигня, вид сбоку. Ну не думаю, что несколько байт из-за лишней строки там погоду прям сделают. Тем более при бутстрапе.

Я не из-за лишней строки, а так что бы правильно было. Ну я думаю что и так пока сойдет, если что то я уже знаю куда копать. Я просто сам думал надо рыться в классе container, а дело оказалось совсем в другом. Я плохо понимаю в css

SEO BOSS

Сообщений: 5778 Регистрация: Апр 2016

#14

18 Декабря 2017 21:16

В использовании !important нет ничего плохого, просто если не охота рыться и искать причины, можно задать !important. Знаю что эта штука мне помогала. smile:)

Почему завистники всегда чем-то огорчены? Потому что их снедают не только собственные неудачи, но и успехи других.

Александр

Сообщений: 249 Регистрация: Фев 2012

#15

18 Декабря 2017 22:00

Цитата
SEO BOSS пишет: В использовании !important нет ничего плохого, просто если не охота рыться и искать причины, можно задать !important. Знаю что эта штука мне помогала.

Мне тоже помогла

Похожие темы:

15.10.2014 14:03

Помогите сделать банеры Адсенс адаптивными под размер экрана

Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)

Новые темы	Объявления	Свободное общение
15:08 Стоит ли добавлять сайт в Rambler топ 100? 12:59 Absence в Армении 19:29 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 17:29 Как продвигать сайт с неуникальным контентом 14:50 Индексация страниц 12:36 У кого новостник, дайте пару советов плиз 13:53 AviTool - мощный инструмент для автоматизации работы с Avito	21:59 Продам копию сайта. 21:44 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств 17:24 A-Parser 1.1 - продвинутый парсер поисковых систем, Suggest, PR, DMOZ, Whois, etc 14:01 Продам аккаунты Gmail USA IP \| Gmail MIX IP \| Outlook Old 13:15 SOCKS5 приватные прокси на 30 дней для PayPal 13:14 Google Voice аккаунты для бесплатных SMS и звонков 13:13 PayPal аккаунты для любых целей	22:09 Добро пожаловать в цифровой мир... 21:28 Ну что, кто куда деваете свои сайты? 19:42 Топ-5 способов использовать мобильные прокси для бизнеса: подробный обзор 22:08 Накрутка поисковых подсказок 05:04 Точные прогнозы на футбол 14:01 Union Pharm - топовая фарма-партнерка для профессионалов! 10:59 Ням-ням! - 8 деликатесов, которые когда-то ели только бедные люди