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

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

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

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

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

Новые темы	Объявления	Свободное общение
12:18 01.02. Апдейт 31.01 // Chrome готовит "чёрную метку" для ИИ? 09:36 РСЯ и тормоза сайта: Яндекс начал штрафовать за плохой PageSpeed? 09:26 Трафик пробил дно? Худший январь за 10 лет и внезапный рост продаж с Bing 08:53 Нашел скрины выплат с Сапы за 2010 год. Пошел плакать 19:27 Плагин ответа 19:20 SEO под нейро 19:16 Дзен окончательно всё? Или у кого-то еще «стреляет» белый контент?	12:09 Trustpilot Reviews \| Подниму рейтинг вашей компании 12:07 Купить отзывы на Яндекс и Гугл картах, на Авито, на Отзовике и IRecommend 12:06 №1 Рассылка / Инвайтинг [TELEGRAM] \| Приватный метод 11:59 Продвижение сайта: [SEO-трафик][Вывод в ТОП][Крауд-маркетинг + SEO] 11:58 Продвижение YouTube видео в топ поиска \| Любой тип контента \| Гарантия результата 11:58 Современный скрипт обменника электронных валют 11:57 Установка\|Настройка\|Доработка\|Наполнение сайтов\|Дизайн\|3D\|Видеомонтаж	10:31 Осталось 3-5 месяцев до блокировки YouTube в России, — заявил Клименко 09:23 [AI] Бот за $600к советовал есть сыр с крысами. Нью-Йорк его (наконец-то) снес 07:11 Список обновленных тем пуст... 05:23 Точные прогнозы на футбол 01:02 Ставки на супер тренды в спорте 17:02 Gartner обещал смерть SEO к 2026 году. Открываем метрику и проверяем 08:25 Отвратительное поведение