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

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

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

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

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

Новые темы	Объявления	Свободное общение
21:49 Как правильно покупать ссылки для поддомена? 18:51 Роскомнадзор отказал в регистрации трети блогеров-десятитысячников 12:53 где много готовых фавиконок 22:59 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 12:32 «Хлебные крошки» в адресе сайтов исчезнут из результатов поиска Google 23:27 Adfinity - Ваш надежный партнер в монетизации трафика 16:55 Инструменты для массового постинга в WordPress	20:19 GoogleWalker - устранение конкурентов в Google Ads \| Автоматизированная система склика \| АНТИБАН 16:39 Продам аккаунты Gmail USA IP \| Gmail MIX IP \| Outlook Old 11:07 Мобильные и Резидентные Прокси Для Соц Сетей \| 3 Гб Бесплатно 11:01 Защитим твой ресурс от блокировки Роскомнадзора 10:09 BestChange – обменивать электронную валюту можно быстро и выгодно 06:50 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 03:42 A-Parser 1.1 - продвинутый парсер поисковых систем, Suggest, PR, DMOZ, Whois, etc	23:52 Ням-ням! - 8 деликатесов, которые когда-то ели только бедные люди 07:48 США готовят закон для уничтожения пиратских сайтов во всех странах мира 02:50 Точные прогнозы на футбол 02:10 [Новая партнерка] Goldbet Partners — прямой рекламодатель одноименного казино Goldbet 21:19 С юмором по жизни! 18:15 Telegram уничтожил официальный канал легендарного российского торрент-трекера 18:19 Уникальный сервис SEO продвижения