working out with responsive version

opensource

New Member
Hi,
I design a webpage that could able to view in mobile with a responsive version of my designed website.
I was wondering, once you have this

Code:
@media screen and (min-width:400px) { css style...}
One you viewed it in mobile that has 400 screen, it really be viewed as stated in style? No need some 3rd party jquerry or some js script that could able to detect some media screen size etc ?
Is it ?
 

Phreaddee

Super Moderator
Staff member
except a mobile device at 399px or smaller wont get any styles at all.

personally I prefer to do mobile first styles
then say
@media all and (max-width:640px) {...css styles...}
@media all and (max-width:960px) { ...css styles...}

etc etc...

no need for JS to know the device width

just this...
<meta name="viewport" content="width=device-width" />


plus read the link chris posted.
 

Epic New Media

New Member
Always start with Mobile first if possible, this will ensure that you don't run into difficulties once you've built a stunning desktop site and try to bring it down to Mobile.
 
Last edited:

goon70056

New Member
Always start with Mobile first if possible, this will ensure that you don't run into difficulties once you've built a stunning desktop site and try to bring it down to Mobile.

Most designers I know always start with mobile. However, I find it easier to start with desktop and work my way down. I tried one site starting with mobile first, and it was a disaster. LoL. :)
 

krymson

Member
Most designers I know always start with mobile. However, I find it easier to start with desktop and work my way down. I tried one site starting with mobile first, and it was a disaster. LoL. :)

To each their own... I do it the same way, but I literally draw out desktop, tablet, and phone before i start any coding. But thats just the way I do it.
 
Top