Making div content responsive

Question

My content isn t responsive at the moment  I ve tested it on iPhone and the text goes over the screen   I ve changed the CSS of my container to    container2       width  960px       max-width  90       position  relative      left  50       margin-left  -480px      line-height  1 4em      When I test it after the change  the content disappears  I read that putting max-width 90   would allow it to not exceed the boundary width  http   webdesignerwall com tutorials 5-useful-css-tricks-for-responsive-design  but obviously it didn t work  What am I doing wrong

User · Answer

media screen and  max-width   760px   for tablets and phones  and use with this   lt meta name  viewport  content  width device-width  initial-scale 1  maximum-scale 1  gt

User · Answer

try this css      Show in default resolution screen    container2   width  960px  position  relative  margin 0 auto  line-height  1 4em        If in mobile screen with maximum width 479px  The iPhone screen resolution is 320x480 px  except iPhone4  640x960          media only screen and  max-width  479px        container2   width  90         Here the demo  http   jsfiddle net ongisnade CG9WN

User · Answer

Not a lot to go on there  but I think what you re looking for is to flip the width and max-width values    container2     width  90     max-width  960px       etc  etc           That ll give you a container that s 90  of the width of the available space  up to a maximum of 960px  but that s dependent on its container being resizable itself  Responsive design is a whole big ball of wax though  so this doesn t even scratch the surface

[html] Making div content responsive

Examples related to html

Examples related to responsive-design

Examples related to css