Wrong font size on iOS when using Chroma syntax highlighting with Hugo

When I first turned on syntax highlighting it all looked great, except for on the iPhone. Some sections of the text were randomly zoomed in. On StackOverflow I found out that it could be due to feature of WebKit which tries to enlarge the primary text of the website to make it more mobile friendly, which was causing us a bit of trouble.

To resolve this they recommended some CSS rules to disable the behaviour which worked for me.

body {
    text-size-adjust: 100%; 
    -ms-text-size-adjust: 100%; 
    -moz-text-size-adjust: 100%; 
    -webkit-text-size-adjust: 100%;
}