homepage Welcome to WebmasterWorld Guest from 23.23.22.200
register, free tools, login, search, subscribe, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor 2014
Visit PubCon.com
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderator: open

CSS Forum

    
Media query and specific devices
toplisek




msg:4654405
 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




msg:4654414
 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: https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries

toplisek




msg:4654733
 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?

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved