Контент шире экрана - как победить?

Question

Контент шире экрана - как победить?

Контент шире экрана - как приговор. Вроде прописал в шапке сайта рекомендованное:
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="mobile-web-app-capable" content="yes" />

0

Ответы на пост (14) Написать ответ

Быстрая регистрация для ответа Войти

Answer 1

css подправьте, поставьте 100%, а не то значение, что у вас стоит в стилях на блок контента

Answer 2

не получается самому, скиньте урл сайта в личку, посмотрим что и как

Answer 3

mmkana

0

22.12.2017 23:19

Не получается самому. Посмотрите, пожалуйста : http://banisauna.by/

0

Answer 4

У вас в css прописано:
#global-container
{

background-color: #FFFFFF;
width: 1200px;
height: 100%;
margin: 0 auto;
}

В коде:
</head>
<body>
<div id="gototop"> </div>
<div id="global-container">

Вот это - width: 1200px не дает контенту стать шириной менее 1200 пикселей

Answer 5

Это я понимаю, но я не могу изменить размер контейнера на 100%. Там ведь и внутри этого контейнера размеры отдельных div указаны в точных размерах и в сумме составят как раз те самые 1200px. Придется целиком менять верстку сайта? Только такой выход? Простите, что я напрягаю вас, просто я не занимался адаптацией под мобильники.

Answer 6

Для того кода, который на вашем сайте, думаю, волшебной кнопки не будет. Код зачетный - несколько тегов <html> и <head> в одном документе. Так обычно делают, если несколько партнерок прикрутить нужно. И еще для каждых из них прописаны жестко width главных контейнеров.

Покурите здесь - https://yandex.ru/search/?lr=77&msid=1513989990.7958.22866.4026&text=адаптация%20сайта%20под%20мобильные%20устройства

Думаю, для этого сайта нужно делать разный css под разные расширения, используя @media и meta name="viewport", который уже прописан. Конкретнее здесь - http://seodnevnik.ru/sozdanie-sajtov/optimizaciya-shablona-sajta-pod-mobilnye-ustrojstva.html

Answer 7

Однозначно надо делать адаптацию сайта. Да и еще куча косяков, даже не буду перечислять. Я бы руки поотрывал вот этим деятелям "Создание сайтов студия MK-studio" (в футере ссылка). Они что еще в 90-х живут что ль? На дворе почти 2018, а они лепят неадаптив, да еще и грубые нарушения по сео и прочему...

Answer 8

Да и по дизайну не ахти. Я как заказчик долго бы на нем не задержался. У меня первая мысль как зашел на сайт - "Если у них сайт такой квадратный, то они и баню мне так неаккуратно построят?".

Answer 9

Напрасные слова :)
Это ж - лендинг, собстно, одностраничник. Смысла и править нет, SEO - не нужно. Покупат рекламу, только. В топ "сайт" никогда и не зайдет, тема конкурентная.

Шаблон не адаптивный, ну... что ж поделать. Имхо - и наплевать (лет пять еще). Не думаю, что кто-то будет выбирать баню с экрана смартфона.
Но: Даже и посмотреть негде: статистика не подключена - никакая. Подключайте статы google-яши.

В принципе, править шаблон можно, всё реально. Только не тупой правкой css, естественно. Для одностраничника вполне можно подобрать (бесплатно) адаптивный шаблон и за день - "слепить с нуля", контента-то - нет, есть - одна страница (да толпа картинок 3D :) их "подключить" можно к любому шаблону).

SEO никто не занимался на проекте, жаль. Проект новенький и перспективный (по теме), но делали "урюки" (иначе не назвать), чья ссыль в футере присутствует... Ну, имеет смысл с них и спросить: Какого хрена?.. Нет ни статистики, ни seo, ни адаптивного шаблона, скорость загрузки страницЫ - НОЛЬ, валидность - "за плинтусом" и пр. и др. Исходный код - без стона не глянуть... Ну и те пе.

ps: Понравилась "фишка": панарамное фото объекта. Это - "вкусно" сделано, но: не акцентировано внимание на этой приблуде, кроме меня - никто и не заметил. А эт - "фича" :)

Если рассчитались уже с подрядчиком, то... готовьте деньги. Правка всего - "влетит в копеечку" (даже без адаптивного шаблона), если нет - потрясите их, пусть доделают (если умеют). Вообще-то логика "одностроничника" по теме - непонятна. Тема вполне заслуживает нормального сайта, да и контент, похже, есть. А всё "свалено" на одну... не самую лучшую страницу. Не логично. Возможно - есть у заказчика базовый сайт, а это - так, поделка от скуки.

В целом лендинг вполне себе "имеет место быть". Но... уж очень много "строительных недоделок".

Answer 10

Еще "пустячок": на сайте "разработчике" есть такая "мелочь" как: url (сайт "слеплен" еще на Яндекс.Народ) и иконка ukoz - красноречиво говорит - обо всём :)

Answer 11

SSL подключите, сайт то коммерческий, пока молодой и еще в песочнице.

Answer 12

Всем, кто попытался дать дельный совет - Спасибо. Ни критики , ни расследований я не просил. Если делать нечего, то поупражняйтесь еще ))). Уровень многих критиков понятен. А вот материал по делу, просто и толково: http://www.internet-technologies.ru/articles/article_1996.html

Answer 13

С Наступающим :)

Материал достойный цитатника, аминь. Банальщина уважаема всегда и везде. "Бородатая", устаревшая, но - хозяин-барин. Удач.

Answer 14

mmkana

0

24.12.2017 00:01

И вас всех с наступающим Новым годом! Всем Спасибо.

0

Контент шире экрана - как победить?

Похожие посты

Анализ сайта