What is the best method to pick breakpoints ?
Christopher
Tom Livingston <mailto:[email protected]>
Saturday, November 22, 2014 9:59 PM
You'll never miss some. It just that your content may not look that
good at some widths. The content will dictate your breakpoints. Don't
pick breakpoints based on devices. You'll never do it.
Crest Christopher <mailto:[email protected]>
Saturday, November 22, 2014 9:56 PM
Otherwise I'll need eight MQ that doesn't guarantee I won't miss some,
but I'll get the majority !
Tom Livingston <mailto:[email protected]>
Saturday, November 22, 2014 9:52 PM
Target / Context = Result
So if your max page width is 960 and your container is 650 then:
650/960=.677 (x100) so 67.7%
Crest Christopher <mailto:[email protected]>
Saturday, November 22, 2014 9:48 PM
Sorry, if you have a 650px (example) width <div>/container, what is
the math to calculate the width in percentages ?
Christopher
Tom Livingston <mailto:[email protected]>
Saturday, November 22, 2014 9:20 PM
More like:
div{width:75%;} /*example width only*/
div img {
max-width:100%;
}
But use this carefully. Don't serve a huge image to phones. Or allow a
tiny img to scale up too large as it will look bad.
______________________________________________________________________
css-discuss [[email protected]]
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/
