- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Маркетинг для шоколадной фабрики. На 34% выше средний чек
Через устранение узких мест
Оксана Мамчуева
В 2023 году Одноклассники пресекли более 9 млн подозрительных входов в учетные записи
И выявили более 7 млн подозрительных пользователей
Оксана Мамчуева
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Всем привет! Нужна помощь.
Задача следующая:
Сайт с адаптивным дизайном, нужно ограничить сжатие контента до 680px по ширине.
Нужно чтобы например на мобильных устройствах с разрешением экрана 480px по ширине, сайт отображался как на экране компа в 680px по ширине и не было полосы прокрутки.
То есть если сайт не влезает в экран, он не продолжал перестраиваться, а просто сжимался.
https://developers.google.com/speed/docs/insights/ConfigureViewport?hl=ru
lexter, если Вас не затруднит, не могли бы вы мне пример использования показать?
Я делаю так:
@media screen and (max-device-width: 680px) {body {
min-width: 680px;
}
Но проблема в том что, появляется полоса прокрутки в низу экрана, на устройствах с разрешением менее 680px по ширине.
Какие-то взаимоисключающие параграфы в задании.
Наоборот попробуй
max-width: 680px;
web2033, тогда сайт будет не более чем 680px в ширину, а сужаться до предела.
В медиа запросе задано условие, на мобильном девайсе с разрешением до 680px, сайт не будет сужаться меньше чем на 680px. Но проблема в том что, появляется полоса прокрутки в низу экрана, на устройствах с разрешением менее 680px по ширине.
ну так сделайте дополнительно правило для 480 или лучше 320...
totamon, ни как не могу разобраться, мне бы пример, как это реализовать.
попробуй <meta name="viewport" content="height=device-height,width=680,user-scalable=yes"> в шапке сайта прописать
Всем привет! Нужна помощь.
То есть если сайт не влезает в экран, он не продолжал перестраиваться, а просто сжимался.
вам нужно в пределах разрешений о которых идет речь не просто указать min-width а переопределить правила которые отвечают за перестройку блоков (обтекание и т.д)
одним правилом min-width вопрос не решите (без пациента тоже)
iroomer, Очень нужна помощь, я вообще запутался.
Вот пациент: http://111q.ru
вам уже сказали, что необходимо менять не характеристики самого документа, а параметры отображения его броузером (читай осью) гаджета т.е. задавать параметы viewport...