#css #media-queries
Вопрос:
Я использовал свой код именно так.
@media (max-width: 768px) and (min-width: 1023px) { color: red; } @media (max-width: 768px) { color: blue; } Но я просто замечаю, что если кто-то использует устройство с разрешением 767,5 пикселей, то этот код может не работать.
Учитывая, что устройство с десятичной запятой является правильным мышлением?
Я уже знаю этот код.
//tablet @media (min-width: 768px) { color: red; } //web @media (min-width: 1024px) { color: blue; } //bigweb @media (min-width: 1440px) { color: yellow; } но я так не использую, потому что каскадирование медиа-запросов иногда приводит меня в замешательство.
Комментарии:
1. Я думаю, что вам это не нужно, потому что экран не имеет половины пикселя(значение в десятичной дроби), либо он полный, либо его нет.
2.
@media (max-width: 768px) and (min-width: 1023px)никогда не станет правдой.3. Пожалуйста, не могли бы вы проверить свой пример кода, потому что первый медиа-запрос не имеет смысла. Ширина окна просмотра не может быть не более 768 пикселей и не менее 1023 пикселей. Приведите пример, демонстрирующий вашу проблему.
4. @Rana — Размеры области просмотра субпикселей, безусловно, важны, когда уровни масштабирования не равны 100%, и проблема, на которую ссылается ОП, но плохо объясняет, реальна. Однако ОП уже знает решение, но оно их смущает. Им просто нужно больше практики.
5. О да @Alohci, забудьте
media, что они также применяются к увеличенной странице