Изменение CSS на основе Ai Inch Screen
Меня попросили изменить CSS в зависимости от дюйма экрана (в частности, CSS для мониторов выше 15 дюймов, а другой для мониторов ниже), используя PHP. Я, честно говоря, не знаю, как это сделать, поскольку у определенного -дюймового монитора, однако, могут быть разные разрешения.
Итак, мне нужен совет. Как я могу сделать? Есть способ сделать это?
Спасибо
Решение
Вы можете изменить CSS как отзывчивый. Как вы сказали, один и тот же монитор выше 15 дюймов также может использовать другое разрешение. Обычно Responsive css используется для просмотра стандартного разрешения (мобильный, планшет, портрет, пейзаж, маленький ПК, большой ПК …)
есть функция, называемая «ширина устройства», которую вы можете использовать. Но я думаю, что это работает только для мобильных версий, я никогда не проверял это для Monitor CSS.
для медиа-запроса вы можете использовать в css что-то вроде:
@media screen and (device-width:768px) and (orientation:portrait) {
/*your css for this resolution - this is a standard width for tablets*/
}
Вы также можете сначала использовать стандартную CSS, а затем изменять медиа-запрос только там, где это необходимо. Может быть, что-то правильно без медиа-запроса.
Другие решения
Других решений пока нет …