Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    Regular Coder
    Join Date
    Nov 2010
    Posts
    390
    Thanks
    48
    Thanked 1 Time in 1 Post

    CSS Media Queries

    Hello,

    I have the Google Chrome extension to change my browsers screen side to anything I want with some already preset. One of which is titles "Not so old computers" which is 1280, however as you see in the CSS Media Query below, although it is set to this, it does not seem to work.

    Code:
    @media only screen and (min-width : 1280px) {
    	/** MY css is here... **/
    }
    I tried editing the minimum width to -10px which had no effect then a further -10px (1260px instead of 1280px) and I finally got a result.

    Any ideas about this?

    Best Regards,
    Tim
    Last edited by MrTIMarshall; 11-17-2012 at 01:53 PM.

  • #2
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,624
    Thanks
    6
    Thanked 1,001 Times in 974 Posts
    Does this extension calculate the browser chrome (window) or the viewport? Because these 20px are usually the space the scrollbar takes. Firefox’s web developer toolbar has an option to show window size in the title, and it shows the actual window size and then also the viewport size.

  • #3
    Regular Coder
    Join Date
    Nov 2010
    Posts
    390
    Thanks
    48
    Thanked 1 Time in 1 Post
    Quote Originally Posted by VIPStephan View Post
    Does this extension calculate the browser chrome (window) or the viewport? Because these 20px are usually the space the scrollbar takes. Firefox’s web developer toolbar has an option to show window size in the title, and it shows the actual window size and then also the viewport size.
    Window size: 1692 x 1024
    Viewport size: 1523 x 828

    I've never actually noticed this before as I need a x500 - x600 magnifications on to use my computer and it pops up at the bottom and I just checked.

    I'll go and check the settings to see if I can fix this...

  • #4
    Regular Coder
    Join Date
    Nov 2010
    Posts
    390
    Thanks
    48
    Thanked 1 Time in 1 Post
    I chose to view the 320x480px and go these results;

    Window size: 336 x 593
    Viewport size: 290 x 436

    Guess I'll need to find either a better extention or?...

  • #5
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,624
    Thanks
    6
    Thanked 1,001 Times in 974 Posts
    Sounds like it. But you can also put some element with a certain width kind of as ruler into the page to see how the stylesheet changes with which size. For example put a div with a width a height of 10px and some background color so you actually see it, and then set a width on it in different media query rules, like:
    Code:
    @media only screen and (min-width : 860px) {
      #example {width: 860px;}
    }
    @media only screen and (min-width : 1280px) {
      #example {width: 1280px;}
    }
    You will then probably see it changing when the specific minimum width is reached.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •