SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Mentor silver trophybronze trophy

    Join Date
    Feb 2008
    Location
    Preston, Lancashire
    Posts
    1,376
    Mentioned
    72 Post(s)
    Tagged
    1 Thread(s)

    My first responsive theme, help!

    My first responsive theme is driving me nuts!

    I started off with a fixed layout, then converted this into a fluid layout with min-width. From here I placed some media queries for the widths of various devices, starting off with the smaller device first.

    The issue I have with FF is that it does not go down to 320px width, something is stopped it. There are so many browser inconsistencies.

    The link to the web page is here, still not sure what's up with it. Any helps, comments and suggestions would be greatly appreciated.
    follow me on ayyelo, Easy WordPress; specializing in setting up themes!

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,620
    Mentioned
    413 Post(s)
    Tagged
    7 Thread(s)
    Firefox has a min-width of about 600px, and that's just how it is. If you want to test the page at lesser widths, Opera is a better choice for testing, although Chrome and Safari also go quite narrow.

    The Firefox web developer tools have some options for narrowing the screen in Firefox too.

  3. #3
    padawan silver trophybronze trophy markbrown4's Avatar
    Join Date
    Jul 2006
    Location
    Victoria, Australia
    Posts
    4,095
    Mentioned
    28 Post(s)
    Tagged
    1 Thread(s)

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,620
    Mentioned
    413 Post(s)
    Tagged
    7 Thread(s)
    Yep, and if you have a Mac, you can test for iPhone and iPad too with the simulator that's part of the Developer tools.

  5. #5
    SitePoint Mentor silver trophybronze trophy

    Join Date
    Feb 2008
    Location
    Preston, Lancashire
    Posts
    1,376
    Mentioned
    72 Post(s)
    Tagged
    1 Thread(s)
    Quote Originally Posted by ralph.m
    Firefox has a min-width of about 600px, and that's just how it is. If you want to test the page at lesser widths, Opera is a better choice for testing, although Chrome and Safari also go quite narrow.
    That clears everything up now. Thanks. There are quite a few tools to test a responsive website, it all very slow at the moment as converting a fixed width to a responsive would not be the ideal solution. I feel it's best to have your site work perfect in a flexible layout of 600px, from here maybe work into the 320pixel layouts.

    Thanks again for clearing this up for me.

    @markbrown4 ;
    Awesome stuff! Will check those out!
    follow me on ayyelo, Easy WordPress; specializing in setting up themes!

  6. #6
    SitePoint Zealot
    Join Date
    Mar 2012
    Posts
    110
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Would it be worthy here of mentioning Multi-Browser Viewer and Microsoft Expression Web?


Bookmarks

Posting Permissions

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