font to big on iPhone

I’ve created a web site in ASP.NET and am using HTML and CSS for design. I am using CSS @font-face to define the fonts. All works great in all browsers even on pad devices. The problem I have is on the iPhone. When I like at the about the text below the ABOUT US it’s too big. Same thing happens in my service areas when I explode the lists – text is too big.

Right now I have the font-size to small. Tried literal pixel for example 8px – same result. Any ideas would be greatly appreciated.

The site is:
www.ogtechllc.com

Thank you
LVL 5
thenrichAsked:
Who is Participating?

Improve company productivity with a Business Account.Sign Up

x
 
Kyle HamiltonConnect With a Mentor Data ScientistCommented:
add this rule to your css:

-webkit-text-size-adjust: none;

for example:


p{
font-size:16px;
-webkit-text-size-adjust: none;
}
0
 
thenrichAuthor Commented:
How does my CSS have scope of WebKit ?
0
 
Kyle HamiltonData ScientistCommented:
not sure what you mean..

The above css rule applies to webkit browsers, which is what the iPhone safari browser is, and it works. Did you try it?
0
 
thenrichAuthor Commented:
O I C.

I'll try it.
0
 
thenrichAuthor Commented:
Yup - that did it. Thx!
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.