3 ms·
Well the table based layout does not work on mobile. The float, flex or grid based layouts do. So we've come somewhere but there is further to go and maybe we
by gjjrfcbugxbhf 9y ago
Well the table based layout does not work on mobile. The float, flex or grid based layouts do.
So we've come somewhere but there is further to go and maybe we didn't need to go in so many circles.
- Nition 9y agoWhat's broken with table layouts on mobile? I just tested my code above on Safari on iOS 10 and it displayed as expected. Here's the live HTML I uploaded for testing: http://momentstudio.co.nz/temp/test.html http://momentstudio.co.nz/temp/test.html This page we're on now also runs mostly on tables.
- losvedir 9y ago> What's broken with table layouts on mobile? I just tested my code above on Safari on iOS 10 and it displayed as expected. Depends what you'd expect, I suppose. These days, I'd expect the columns to switch to a vertical stacking layout when viewed at a mobile width. I guess maybe it's not "broken", per se, but it's not responsive and certainly pretty limited in how it can be used.
- c-smile 9y agoWhat stops you from declaring table { display:block; } etc. if you need to transform your table into vertical flow layout?
- gjjrfcbugxbhf 9y agoOr even... .responsive { display: block } @media(min-size: 768px) { . responsive { display: table }}