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

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

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

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

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

Новые темы	Объявления	Свободное общение
23:27 Биржи ссылок в 2026 - реально ли новичку с одним сайтом поднять копейку? 23:24 Яндекс Нейро и выдача в 2026 - остались ли лазейки для маленьких сайтов? 23:05 Раскрутка форума 23:01 Очередной взлом через плагин. Хакеры получают админку без пароля 20:41 adsense в 2026: кто реально выводит копейку через киргизию? 10:50 Альтернативы Адсенсу в 2026 - есть живые? 10:04 Как поймать партнера на «сливе» бренда?	22:47 1obmen.net - обмен криптовалют: выплаты в USD, EUR, GBP, CAD, CNY 15:33 GhostRocket.pro — Взлетаем в новую эру криптообмена! 14:36 Продам жирный аккаунт fl.ru 14:07 Продам аккаунты Gmail USA IP \| Gmail MIX IP \| Outlook Old 12:54 Mixmasters - Exchange without AML and KYC 12:31 Сервис ReCaptcha 2, 30р за 1000 решений. 12:08 Продвижение YouTube видео в топ поиска \| Любой тип контента \| Гарантия результата	19:01 8 марта: желаю аптайма 99.9% и e-e-a-t без локов 18:51 Огородники 16:47 Какой фильм вы любите посмотреть перед сном? 15:46 молодильные яблоки и живая вода 10:11 О природе путешествий. 01:47 Точные прогнозы на футбол 15:04 Сайты Рунета