Yahia
Yahia

Reputation: 845

How to use Css Media to differentiate high-res mobile in landscape mode from PC?

I have a PC with a resolution of 1280x1024, and a smartphone Lumia 920 with a resolution of 1280x768 when used in landscape mode.

Can I use css Media query to make the difference between the 2 ? Because the text is rendered too small on the smartphone, and I want to use css to server a bigger font on it.

I have also investigated the option of 51degrees.mobi which differentiates between a mobile and a PC, but I can not see how to use this library with css.

Upvotes: 2

Views: 132

Answers (1)

Ega
Ega

Reputation: 55

your PC & MOBILE have the same width but different Height ! so you can specifiy Height like below for your PC

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

also for you mobile

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

Upvotes: -2

Related Questions