Как использовать Css Media, чтобы отличать мобильные телефоны с высоким разрешением в альбомном режиме от ПК?

Question

У меня есть ПК с разрешением 1280x1024 и смартфон Lumia 920 с разрешением 1280x768 при использовании в ландшафтном режиме.

Могу ли я использовать CSS Media query сделать разницу между 2? Поскольку текст отображается слишком маленьким на смартфоне, и я хочу использовать css, чтобы разместить на нем больший шрифт.

Я также исследовал вариант 51degrees.mobi который различает мобильный телефон и ПК, но я не могу понять, как использовать эту библиотеку с CSS.

Answer 1

Ваш ПК и MOBILE имеют одинаковую ширину, но разную высоту! так что вы можете указать высоту, как показано ниже для вашего ПК

@media (height: 1024px){
/*put your CSS code here */
}

также для вас мобильный

@media (height: 768px){
/*put your CSS code here */
}