Solved

font to big on iPhone

Posted on 2013-01-19
5
353 Views
Last Modified: 2013-01-19
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
0
Comment
Question by:thenrich
  • 3
  • 2
5 Comments
 
LVL 25

Accepted Solution

by:
Kyle Hamilton earned 500 total points
ID: 38796724
add this rule to your css:

-webkit-text-size-adjust: none;

for example:


p{
font-size:16px;
-webkit-text-size-adjust: none;
}
0
 
LVL 5

Author Comment

by:thenrich
ID: 38796935
How does my CSS have scope of WebKit ?
0
 
LVL 25

Expert Comment

by:Kyle Hamilton
ID: 38796945
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
 
LVL 5

Author Comment

by:thenrich
ID: 38797223
O I C.

I'll try it.
0
 
LVL 5

Author Closing Comment

by:thenrich
ID: 38797513
Yup - that did it. Thx!
0

Featured Post

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article discusses four methods for overlaying images in a container on a web page
This article discusses how to create an extensible mechanism for linked drop downs.
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsers…

839 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question