Font size issues in code blocks on mobile
xNaCly opened this issue · 1 comments
xNaCly commented
https://xnacly.github.io/blog/posts/2022/rss_parser/
mobile:
PC:
Any way to fix this?
xNaCly commented
It should be noted that this issue only happens on ios devices due to safaris flex blox implementation changing font sizes
People facing the same issue can be helped by setting the following values on code
elements:
/* this should fix the ios mobile code blog font size bug
* recorded here: https://github.com/adityatelange/hugo-PaperMod/issues/828 */
code {
text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
Code taken from https://github.com/xNaCly/hugo-theme-mini/blob/master/static/css/style.css
Fix found at: adityatelange/hugo-PaperMod#828