How to stop accordion heading text enlarging on mobile Safari
I have problem keeping the text size consistent using the accordion effect on my site when displayed on desktop and mobile versions of Safari. Safari for iOS automatically enlarges the tags <h1>,<h2>,<h3> etc.
Does the title of each accordion section have to be in a head tag? Is there a way around this problem?
I have tried specifying the text size as pt and em, and tried embedding a <span> within the heading to set the text size but the text always appears proportionally larger on mobile Safari (iPhone 5 running iOS 7).
Thanks