Odd font sizes in html_vignette output when viewing on the phone

[mine-cetinkaya-rundel]

If you view this vignette on a phone, you should observe that some of the font sizes in font comments are larger than they should be, as though the comment # is being interpreted as a markdown header.

I was able to reproduce this with a minimal-ish example.

• Rmd can be found here
• The published vignette is here
• And below is a phone screenshot

[yihui]

I can see it on my phone, too, but I have no idea why it happens (only on the phone). There is nothing suspicious in the HTML source AFAICS (the class is co for these lines, which is correct).

[cderv]

This is a little hard to investigate but this issue still exist. It would be interesting to look into safari web inspector for Iphone. Maybe this would allow to see which css rule is breaking this: https://medium.com/better-programming/debugging-your-iphone-mobile-web-app-using-safari-development-tools-71240657c487

[cderv]

I checked and this is still an issue, but I still does not how to debug this on Mobile. It doesn't show in browser on computer. If anyone has hints on how to debug / inspect some HTML on mobile device (like iOS safari) it would help. Maybe not having a Mac does not help 😅