When I divide the a container/div, suppose one of my containers/div
which is 360px in width by lets say extremely large 4096px the result is
a 11.3% container/div on a 360px width device the container/div is not
even a container/div any longer rather a long, slim rectangular box,
that is why I said, in this scenario I have to use MQ instead of
percentages.
Christopher
Tom Livingston <mailto:tom...@gmail.com>
Monday, November 24, 2014 9:47 AM
Um, not necessarily. Your stacked columns that I mentioned could be
90% of the viewport, for example, so as to give you a nice margin on
the right and left (using margin 0 auto 0 auto;). That 90% could
continue up to the point that the layout can support side-by-side.
Tom Livingston <mailto:tom...@gmail.com>
Monday, November 24, 2014 9:40 AM
crestchristop...@gmail.com <mailto:crestchristop...@gmail.com>
as a responsive container/div now turned into an extremely narrow
container/div that looks horrible ?
Christopher
Enter Media Queries stage left and... ACTION!
On small screens, you'd have a different layout so as to avoid this.
Stack your columns instead of side-by-side. When the viewport is wide
enough to support side-by-side columns that aren't ridiculously
narrow, add a breakpoint and add styles at that point to reposition
the stacked columns to be side-by-side.
Crest Christopher <mailto:crestchristop...@gmail.com>
Monday, November 24, 2014 9:27 AM
If I have a 4096 width resolution, I know what are thinking and have
said already :-) I divide by a 320px width container that works out to
12.8% my container/div has transformed what previously was working
well as a responsive container/div now turned into an extremely narrow
container/div that looks horrible ?
Christopher
Tom Livingston <mailto:tom...@gmail.com>
Sunday, November 23, 2014 8:29 PM
I don't recommend using all of these 'just because'. Good info though.
On Sun, Nov 23, 2014 at 8:27 PM Karl DeSaulniers <k...@designdrumm.com>
______________________________________________________________________
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
