- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Здравствуйте, подскажите пожалуйста почему размеры страницы на этом сайте не сужаются до мобильных размеров хотя для макета страницы использовал везде width:100%?
#backgroundTop {
margin: 0 auto;
width: 1000px;
}
#menu-top {
background: green none repeat scroll 0 0;
height: 50px;
width: 1000px;
border-radius: 6px;
text-align: center;
box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
и т.д.
#backgroundTop {
margin: 0 auto;
width: 1000px;
}
#menu-top {
background: green none repeat scroll 0 0;
height: 50px;
width: 1000px;
border-radius: 6px;
text-align: center;
box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
и т.д.
Добавил, но не помогло =(
only screen and (max-device-width: 480px) - 997 строчка в style.css - уберите width: 480px !important; */
only screen and (max-device-width: 480px) - 997 строчка в style.css - уберите width: 480px !important; */
Убрал, но мобильная страница тогда растягивается до 980 пикселей
Добавьте мета тег в head <meta name="viewport" content="width=device-width">
Добавил, но не помогло =(
Добавил ЧТО?? Надо убрать!
У Вас есть блоки, которым задана фиксированная ширина 1000px.
Добавьте мета тег в head <meta name="viewport" content="width=device-width">
Спасибо! Сработало!
Спасибо! Сработало!
Это обязательный тег при создании моб. версии. В следующий раз его в первую очередь ставьте)