Media query and specific devices

Forum Moderators: not2easy

Message Too Old, No Replies

Media query and specific devices

toplisek

6:10 pm on Mar 15, 2014 (gmt 0)

I like to know if there is possible to capture
Small tablet landscape (800x600)and also
Tablet portrait (768x1024)

As I understand there is possible
@media only screen and (min-width: 768px) and (max-width: 768px){

How to capture both resolution screens?

drhowarddrfine

6:35 pm on Mar 15, 2014 (gmt 0)

Yes, that's the right idea but the wrong values. There is also portrait and landscape modes but it's not reliable in all devices.

Get familiar with media queries here: [developer.mozilla.org...]

toplisek

8:53 am on Mar 17, 2014 (gmt 0)

I have tried
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
/* Styles */
}

It will work Small tablet landscape (800x600)and also Tablet portrait (768x1024)
1. How to disable Tablet landscape (1024x768) media settings?
2. If I set ONLY media like
@media only screen and (min-width: 768px) and (max-width: 768px){
it is correct value one lower than 768 as 767 when MAX is used?