[Pro] Font not correct size on iphone

Freeway
1

Hey,

I created a page today and built the text using a couple of styles to set the size. I made 3 rules for the text size: one for 12 px one for 14 px and one for 18 px.

I then created the text with these rules. The page looks fine on the desktop computer browsers. However on the iphone the text sizes are all different. The text size for the congrats… is huge while the text in the 3 buttons is tiny. Also, I am unable to select the styles to alter them ( I can eventually click on them but not right away). I am using 6.0.6.

Thanks!

http://abcardio.org/awards/

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

2

I am unable to select the styles to alter them ( I can eventually click on them but not right away). I am using 6.0.6.

Instead of selecting them instead click on the little cog at the top right of the Styles palette and choose Edit Styles

David

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

3

Thanks DeltaDave that did help. However I still get the different sizes of text on the iphone. Funny though on the iPad it all looks fine.

I have the text in the 3 buttons set as 18px and the text “Congratulations…” as 18px. The buttons looks fine but the Congratulations text is muuucch bigger.

Would like to figure this one out.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

4

Try the following CSS

-webkit-text-size-adjust: none;

D

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

5

Thanks Dave. What tag would be good to use to contain this code? I know it would go in the head section near the end. Does it need any other code besides that?

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

6

Style tags

<style type="text/css">
	-webkit-text-size-adjust: none;
</style>

D

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

7

Didn’t do the trick unfortunately. I used code buddy and put it in the head. First before the and then right before the .

I am using html 5 for the first time as I always used 4 transitional.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

8

That’s not a complete style tag, though. You will need to add a selector to it:

<style type="text/css">
	* { -webkit-text-size-adjust: none; }
</style>

Walter

On Apr 4, 2013, at 12:03 PM, Steven Houtzager wrote:

Didn’t do the trick unfortunately. I used code buddy and put it in the head. First before the and then right before the .

I am using html 5 for the first time as I always used 4 transitional.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

9

That got it, thanks!

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

10

That’s not a complete style tag, though. You will need to add a selector to it:

Dont know what happened with that post - never mind Walter covered it.

Thanks for stepping in.

D

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options