> Le 4 mai 2015 à 03:21, David Hucklesby <[email protected]> a écrit :
>
>> What issue (and which old Android) are you seeing? And, you lock out IE 10/11
>> as well?
>
> <http://caniuse.com/#feat=flexbox>
>
> I’m looking at canIuse, which notes that Android 4.2−4.3 don’t support
> flex-wrap.
But is that always true? I have here an older Sony Xperia phone - very popular
here in Jpn that appears to support flex-wrap (OK, via the shorthand -
`flex-flow: row wrap;`) just fine. According to my son, who got the device for
free and set it up (have to leave all those complicated things to the younger
generation…), it runs the default system + browser (and that thing can’t seem
to access the G.playstore and even less the Docomo system server). Thing is old
enough not to run Android 4.4.
> But I don’t see that as an issue, as I use inline-blocks as a base
> (with alignment impossible with floats). But, unless I minimize the HTML, none
> of the usual hacks for getting rid of extra gaps seem to work reliably
> cross-browser. Hence my interest in using flex-box. :)
Right, flexbox is pretty good for that kind of things, and more human readable
than the next layout thing some people are excited about (grid layout). And
support is good enough across the board to use it extensively (IE8 is the big
head-ache nowadays).
PS - working with inline-block for that grid layout you use in this thread:
.wrap { font-size: 0rem; font-family: monospace }
.wrap > .kid { display: inline-block; font-size: 1rem /*to taste*/;
font-family: /*whatever*/, sans-serif; box-sizing: border-box; width: xxx%;
vertical-align: top; }
works pretty well for me. Need a bit of hacking for IE 8 though.
Philippe
--
Philippe Wittenbergh
http://l-c-n.com/
______________________________________________________________________
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/
