Solved

font to big on iPhone

Posted on 2013-01-19
5
351 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

Live: Real-Time Solutions, Start Here

Receive instant 1:1 support from technology experts, using our real-time conversation and whiteboard interface. Your first 5 minutes are always free.

Question has a verified solution.

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

It was really hard time for me to get the understanding of Delegates in C#. I went through many websites and articles but I found them very clumsy. After going through those sites, I noted down the points in a easy way so here I am sharing that unde…
Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
In this tutorial viewers will learn how to customize the background color and font color of highlighted text using the ::selection element in CSS Begin by defining the selected text as an element in CSS by typing "::selection": Style the ::selection…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …

776 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