Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Mobile development/responsive design. Where am i going wrong?

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #41408
    matt_sanford
    Participant

    My very first site, and I am trying to include smartphone support. I tried to do all this without having a separate css file but rather with media queries. Where am i going wrong? Link to the [site](http://foursquaresummiteast.org/ “link”).

    #117863
    sliver37
    Member

    Firstly, it seems to be working responsively on my end using Chrome. All I see is a single style-sheet with media queries at the bottom so what are you actually asking or did you solve it? #confused. ;)

    Usually the reasoning behind wanting a single file is to save HTTP requests and bring up performance, however in your case you are using a 9.9mb size background image and an auto-loading youtube video. You can make it as mobile “responsive” as you like but if you don’t account for performance, load time and especially bandwidth, your still not supporting mobile users.

    Take a look at some image optimization tools, css/javascript compressors etc. Then worry about http requests and responsive design.

    #117864
    matt_sanford
    Participant

    What I am saying is that particularly on smartphones, it for lack of better words, seems zoomed out? Just a smaller version of a compressed chrome window.

    #117870
    matt_sanford
    Participant

    @joshuanhibbert you sir are fantastic.

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.