- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
![Что делать, если ваша email-рассылка попала в спам](https://d.searchengines.guru/20/96/email-spam_600x314__c5488739.jpg)
Что делать, если ваша email-рассылка попала в спам
10 распространенных причин и решений
Екатерина Ткаченко
![VK приобрела 70% в структуре компании-разработчика red_mad_robot](https://d.searchengines.guru/20/96/vk-green_600x314__feebe3bd.jpg)
VK приобрела 70% в структуре компании-разработчика red_mad_robot
Которая участвовала в создании RuStore
Оксана Мамчуева
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Это не работа с адаптивностью конкретного сайта, здесь постановка задачи - это самоцель.
Технически нужно добиться следующего: чтобы между каждыми двумя брейкпоинтами выводился разный контент.
С самим выводом проблем нет, нужно лишь определиться с точками.
И так, если ориентироваться на бустрап v5, то предлагается следующий набор:
1400, 1200, 992, 768, 576
Однако на более архаичных сборках я часто вижу точку 544, вместо 576.
И так же - 2 точки ниже: 480 и 320 (они в документации бустрапа 5 вообще не фигурируют).
Собственно как должен выглядеть перечень точек, дабы вариативностью удовлетворить максимум устройств?
т.е. выводя картинку максимально подстать устройству.
особенно волнует выбор между 544 и 576.
И второй вопрос: как лучше задать условия, если работа будет с ксс?
@media (min-width: 768px) and (max-width: 1199.98px) { ... }
нужны ли такие детальные уточнения? десятые или сотые доли пикселя? (взято с документации v5).
и непонятно, почему в таком случае на конце сотой доли - 8, а не 9.
Это не работа с адаптивностью конкретного сайта, здесь постановка задачи - это самоцель.
Неправильная самоцель. В разрезе последующих вопросов, всё зависит от конкретного сайта.
2 точки ниже: 480 и 320
Это точки для телефонов. Если такая детализация нужна на конкретном сайте, то нужно их учитывать.
@media (min-width: 768px) and (max-width: 1199.98px) { ... }
нужны ли такие детальные уточнения? десятые или сотые доли пикселя? (взято с документации v5).
и непонятно, почему в таком случае на конце сотой доли - 8, а не 9.
Это условность. Полагаю, что 8, а не 9 - для исключения ошибки браузерного вычисления размера. По-видимому, это результат экспериментов разработчиков бутстрапа.
Ну, в Бустрап в 17 году вообще как-то так было:
Мне всегда нормальным по разрешениям казалось вот такое:
Ну и 320 захватить. Для старых устройств.
Ну, в Бустрап в 17 году вообще как-то так было:
Мне всегда нормальным по разрешениям казалось вот такое:
Ну и 320 захватить. Для старых устройств.
ну 320 это как я понял старые айфоны в вертикалке.
может какая то более детальная специфика по устройствам есть?
ну из разряда какой % каких экранов в каких интервалах в среднем ныне фигурирует
У меня - точно нет. можно по F12, например, посмотреть список устройств с разрешениями, которые предлагает тот же Гугл (в настройках).
Еще у liveinternet, кажется, есть статистика разрешений:
https://www.liveinternet.ru/stat/ru/resolutions.html?period=month
или вот еще нагуглил:
https://gs.statcounter.com/screen-resolution-stats
У меня - точно нет. можно по F12, например, посмотреть список устройств с разрешениями, которые предлагает тот же Гугл (в настройках).
Еще у liveinternet, кажется, есть статистика разрешений:
https://www.liveinternet.ru/stat/ru/resolutions.html?period=month
или вот еще нагуглил:
https://gs.statcounter.com/screen-resolution-stats
ибо ощущение что они как будто между реальными брейкпоинтами находяться.
апелируя к статистике логичнее было бы расставить по типу:
1440, 1280, 1024, 800, 640 и тд
может там плюсуется или вычитается какой то технический браузерный показатель или вроде того?
никогда не понимал, зачем ограничивать ширину контейнера. Всегда лучше выводить страницу во всю ширину экрана, а сам контент (товары, порнуху, картинки) растягивать под ширину страницы.
То есть, определять не размеры контейнера по ширине, а количество элементов в зависимости от ширины.
Например, до 450пикселей (притом не обязательно ширины экрана, а ширины требуемого контейнера) выводить по 2 элемента, до 750 выводить по 3 элемента и т.д. А ширину самих элементов пересчитывать автоматически.
лучше ориентироваться на свой контент
ps: bootstrap - для прототиповникогда не понимал, зачем ограничивать ширину контейнера. Всегда лучше выводить страницу во всю ширину экрана, а сам контент (товары, порнуху, картинки) растягивать под ширину страницы.
То есть, определять не размеры контейнера по ширине, а количество элементов в зависимости от ширины.
Какое отношение имеют эти Ваши рассуждения к обсуждаемой теме?
ощущение что они как будто между реальными брейкпоинтами находяться
Поставьте себе на сайт скрипт, определяющий ширину экрана, и собирайте себе свою статистику. Вот тогда сложится реальное ощущение относительно реальных посетителей Вашего сайта.
Поставьте себе на сайт скрипт, определяющий ширину экрана, и собирайте себе свою статистику. Вот тогда сложится реальное ощущение относительно реальных посетителей Вашего сайта.