Welcome to WebmasterWorld Guest from 54.221.9.209

Forum Moderators: not2easy

Message Too Old, No Replies

Media query and specific devices

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

Senior Member

WebmasterWorld Senior Member 5+ Year Member

joined:Oct 25, 2006
posts: 995
votes: 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?
6:35 pm on Mar 15, 2014 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:May 23, 2005
posts:742
votes: 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...]
8:53 am on Mar 17, 2014 (gmt 0)

Senior Member

WebmasterWorld Senior Member 5+ Year Member

joined:Oct 25, 2006
posts: 995
votes: 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?