Android and Chrome
HTML Rendering Issues
Remember the "bad old days" of web development when it seemed impossible to get any two browsers to render the same page in the same way? Yep welcome to 2022 where everything old is new again. Sigh. This time the offender is the Chrome app on Android phones. I don't really use my phone for browsing the web, but I know many people do so I thought I would take a look at a couple pages just to make sure there were no deal breakers.
While these are not deal breakers, they are incredibly bad for such absolutely simple tags. I'm simply dumfounded that Android can't even get a list to display with an indent. It is 2022 right?
The strangest part of this is the lack of people mentioning it on the web. I would have thought there would be multiple people asking what is happening but there is very little online.
Some Issues
- Spacing between Paragraphs
- Lack of Indentation for List Items
- Table Font Size
Paragraph Spacing
Or more specifically why is the spacing between paragraphs on Android so small? A definite loss for legibility.
| Chrome on a PC | Chrome on an Android Phone |
 |
 |
Lists and Indentation
Why does Android fail to indent lists? Again, this reduces legibility. And to make things stranger Android does correctly indent list items, but only if the list is inside of a table. Why? Who the hell knows.
| Chrome on a PC | Chrome on an Android Phone |
 |
 |
Text in Tables
And finally the worst. It seems that Android has a rendering engine that modifies certain elements on a page that supersede the HTML. Where I noticed this the most was with Text inside of tables. Under most cases if the table cell is less than the full width of the page, it arbitrarily reduces the text size. Even worse, it's not consistent.
| Chrome on a PC | Chrome on an Android Phone |
 |
 |