Welcome to WebmasterWorld Guest from 54.160.249.204

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: 1001
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: 1001
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?
 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members