Ширина экрана меньше ширины контента на 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

Сообщений: 21210 Регистрация: Май 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

Сообщений: 21210 Регистрация: Май 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

Сообщений: 21210 Регистрация: Май 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

Сообщений: 21210 Регистрация: Май 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)

Новые темы	Объявления	Свободное общение
03:48 3snet - гемблинг, беттинг, форекс, бинарные опционы, майнинг 22:55 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options 22:08 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 21:18 SharkBoss - партнёрская программа для монетизации ЛЮБЫХ видов трафика (включая спам). 19:05 Gambling Craft - гемблинг по белому 21:45 Как сократить ссылку и зачем это делать. 16:49 Perfect.Studio: InstAccountsManager — лучший инструмент для автоматизации заработка в Instagram	22:08 Coin Click.cc - Быстрый и надежный обмен электронных валют в два клика 16:13 Transit-Bit.com - Обмен USDT на IDR, THB, RUB и наличные 13:49 Продам базу данных предприятий Украины, России, Великобритании, Германии, Испании, Италии, Нидерландов, Польши, Франции, Швейцарии и др. 11:20 Чек номеров на наличие Telegram/ Filter (checking) numbers Telegram 11:05 Высококачественные и надежные прокси-серверы и 5G 10:14 BestChange – обменивать электронную валюту можно быстро и выгодно 21:12 Ural-obmen.ru — выгодный сервис обмена	18:35 Точные прогнозы на футбол 20:22 Как получить рефералов и посетителей на сайт бесплатно. 18:31 Видимо, похороны СУПРа уже прошли как-то по-тихому 12:48 Каспкрски ОС 11:21 Ням-ням! - 8 деликатесов, которые когда-то ели только бедные люди 14:41 Бесплатный мини-аудит юзабилити и конверсии + технический SEO-аудит в подарок 15:24 Добро пожаловать в цифровой мир...