I have a client site called http://foursquaresummiteast.org and it looks good on a desktop and tablet, however when I look at it on a phone, or ipod touch, it looks horrible and is not adapting any changes i have made over the last few months (responsive, backgrounds, fonts, etc.) help?
on my iphone4/safari everything is centered. videos and textboxes have 100% width.
small stuff could be shuffled around a bit.
maybe float the bigger ones right?
the cat just flipped by the sudden music, btw...
autoplay-video: off;
Renders perfectly on my Galaxy SII. Although the links are really difficult to read on those black backgrounds, even when zooming in. You won't be able to size any website for every mobile device, not possible, unless you feel like making 10,000 media queries, one for every mobile device on the face of the earth. Anyway, Samsung's seem to support it just fine.
@djdaniel150 Huh? Media queries are based on screensizes, not one hardware. I mostly do just about 2-4 mediaqueries for a website, depending on type of site.
The 10MB brick pattern in the background really makes it pop. Nothing says optimizing for mobile devices better than providing those high quality images for mobile users.
I have a client site called http://foursquaresummiteast.org and it looks good on a desktop and tablet, however when I look at it on a phone, or ipod touch, it looks horrible and is not adapting any changes i have made over the last few months (responsive, backgrounds, fonts, etc.) help?
I have narrowed it down to the problem being that the "www" prefix is taking the users to an older site.
Here is what it is supposed to look like. http://d.pr/i/94k1
I get the website you just posted above on my Nexus.
on my iphone4/safari everything is centered. videos and textboxes have 100% width. small stuff could be shuffled around a bit. maybe float the bigger ones right?
the cat just flipped by the sudden music, btw... autoplay-video: off;
;)
hmm... i'd rewrite this totally :(
Renders perfectly on my Galaxy SII. Although the links are really difficult to read on those black backgrounds, even when zooming in. You won't be able to size any website for every mobile device, not possible, unless you feel like making 10,000 media queries, one for every mobile device on the face of the earth. Anyway, Samsung's seem to support it just fine.
@djdaniel150 Huh? Media queries are based on screensizes, not one hardware. I mostly do just about 2-4 mediaqueries for a website, depending on type of site.
It seamed fine to me but it does not have the brick background on it.
@twincy All of this is per the client's request. All but the code is from them. Including autoplay.
The 10MB brick pattern in the background really makes it pop. Nothing says optimizing for mobile devices better than providing those high quality images for mobile users.
The whole site clocks in at about 20MB, sweet.
yeah the background is really 'heavy'!!!