- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Что делать, если ваша email-рассылка попала в спам
10 распространенных причин и решений
Екатерина Ткаченко
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Добрый день, уважаемые специалисты. Я в ступоре, ибо не могу понять как работает адаптивность на моем сайте.
Итак, что я делаю
В хедере есть следующее:
В медиа-запросах прописал такое:
@media only screen and (max-width : 992px) {
#sidebar {
display: none;
}
#wrapper {
width: 98%;
}
#content {
float: none;
width: 100%;
}
}
Т.е. я скрываю сайдбар на маленьких мониторах, а ширину основного контейнера и ширину контента делаю на весь экран. Чтобы было удобно пользователю читать сам контент.
В чем же проблема?
Проблема заключается в том, что при таком раскладе все работает как надо, а сам контент растянут на 100%, но его плохо видно, т.е. для того, чтобы его посмотреть нужно увеличивать вручную на телефоне.
Вот как выглядит и как хотелось бы:
Попробуйте так
LovelAss, увы, не работает
Seredniy, есть мысль что у Вас что-то растягивает
для проверки, попробуйте добавить в css @media only screen and (max-width : 992px) {
* {
max-width: 100%;
}
}
Ragnarok, тоже не помогло, увы. Я уже даже не знаю, куда рыть...
а что мешает увеличить шрифт?
Я в ступоре, ибо не могу понять как работает адаптивность на моем сайте.
потому что ее нет пока) у вас только зачатки адаптивности, нужно двигаться дальше и работать над версткой мобильной версии - увеличивать шрифты, менять выравнивания блоков.
скиньте юрл, что бы просмотреть на примере.
Да, без URL не подсказать. Очень похоже, что у вас просто в дополнение к #wrapper где-то еще есть фиксированная ширина. Ну и в теме (в подписи) есть примере вполне универсального скрипта для картинок и прочих блоков. Можете потестить.
Шрифты увеличить, картинкам убрать float и располагать над/под текстом. Разве это не очевидно?
Для body задайте min-width например 300px