![]() ![]() Most of those old IE users are probably aware of the issues and will open up another browser. Like I said before, I understand you have to cater to your client base, which B2B would probably always want to support IE, but if I'm making a personal site, fun site, or forwarding thinking site I could care less how IE deals with it. We don't get upset at the web developer when something is off-we blame IE and open up Firefox, or Chrome if installed. We all think that IE sucks and expect it to fail us. If anything looks weird on IE, we open it in Firefox. ![]() ![]() So although the millions of employees all have and use IE, bumping up the numbers above, if we do any personal browsing we open Firefox. We have to use old IE as newer versions won't work with certain systems we have-so upgrading isn't allowed.īut every computer also has Firefox. Whilst I think this isn't a good idea if your primary user base is display: block/inline-block or margin-left: auto -> float: left etc. The bugs are edge cases which I've never seen in my own personal use and can still be avoided even then. I tend to trust an analytics company's data over something like W3Schools data because it's not biased based on a single site which particular types of users, who also happen to use particular browsers, may be more drawn towards.Īlso IE10 supports flexbox. According to Clicky (web analytics company), IE 8, 9 and 10 all added together just barely make up over 1%. Those numbers sound completely off, they're probably extremely outdated. The American and European stats swing to way more up-to-date browsers. I'm on my phone so I can't find the full source now, but I did read an article that suggested the overwhelming majority of older IE usage is from China and developing nations. I'd really encourage anyone who's rebuilding a site to look at the analytics data to see who's actually viewing it. The analytics data for our clients sites overwhelmingly reports newer browsers than that. But as I said earlier, the customers who I build for are not necessarily the same people who you build for. I was going off these stats on, which suggest substantially lower worldwide usage. įair enough! If supporting IE 8 & 9 are important to you then you'll definitely need meaningful fallbacks at the very least. Of course, that doesn't mean that there aren't weird bugs out there - here's one (now fixed) which I found and contributed to. I've used Flexbox in increasingly large amounts for about three years, and haven't had any problems that I haven't been able to work around. Do this by changing the value of the display property to flex.It's the weird side effects that can occur. To use flexbox you need to declare that you want to use a flex formatting context and not regular block and inline layout. Let's see how flexbox behaves by taking a group of different sized items and using flexbox to lay them out. You will see how this all works in practice throughout this guide, for now just keep in mind that the main axis follows your flex-direction. Also, if you have wrapped flex lines, you can treat those lines as a group to control how space is assigned to those lines. You can move the items individually or as a group, so they align against each other and the flex container. The cross axis runs in the other direction to the main axis, so if flex-direction is row the cross axis runs along the column. Remember: we've got a bunch of things and we are trying to get the best layout for them as a group. If that is row your main axis is along the row, if it is column your main axis is along the column.įlex items move as a group on the main axis. The main axis is the one set by your flex-direction property. The key to understanding flexbox is to understand the concept of a main axis and a cross axis.
0 Comments
Leave a Reply. |