Welcome to WebmasterWorld Guest from 174.129.151.95

Forum Moderators: not2easy

Message Too Old, No Replies

Media query and specific devices

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

WebmasterWorld Senior Member 5+ Year Member



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?
6:35 pm on Mar 15, 2014 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



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...]
8:53 am on Mar 17, 2014 (gmt 0)

WebmasterWorld Senior Member 5+ Year Member



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?