Strange font size on iPhone

HTML & CSS
1

My website at www.irwinassociates.eu/yarwoodstimpson/convey1.php looks fine on a laptop but when I view it on an iPhone the text size of the two <legend>s is different. The text should all be one size but it is also different within the <fieldset>. I have been through and changed all sizes to px in case that was the problem. I have also noticed using Chrome’s element inspector that for some reason the <legends> are wider than the <fieldset>. I’ve checked the page with the W3C validator but something is awry. Any thoughts please?

2

See if adding this to your CSS fixes it:

@media only screen and (max-width : 560px) {
	body {-webkit-text-size-adjust: none;}
}
3

Thanks Ralph. That does indeed fix my problem. Cheers G :slight_smile: