[Pro] Formatting problems?

Can somebody take a look at this webpage on an IOS device and let me know what’s happening?

http://idealynx.com/clients/cs/Tools/terms.html

It looks fine on a desktop computer, but on my iPhone the right column text is much larger than the left column text. I checked my style settings and everything looks good, so I have no idea of what’s going on.

Thanks.


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

Any thoughts on this? And yes, I’ve beaten this particular website up enough. We’re launching it this weekend. :slight_smile:


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

MobileSafari includes some helper methods that enlarge text for greater readability when zoomed out. For a more traditional inline layout, this doesn’t usually make a big difference in the page, but when you have a carefully positioned layout, it can get really ugly. Here’s how to turn that feature off for a single element (and you can also turn it off for the whole page, but I don’t recommend you do that except in extreme cases).

Click on the element that’s causing you grief. Open up Item / Extended, and click on the DIV Style segment of the tab bar. Click New, and enter the following:

  • Name: -webkit-text-size-adjust
  • Value: none

Okay out of the stack of dialogs, and publish and look at it on your iOS device. You should see that text staying the size you designed it.

If you wanted to do this to the entire page, then you need to add a new style in your styles palette with the Tag set to body and the Name set to nothing (delete what’s there, then tab out to clear it for real). Add that same name/value pair as above, upload and marvel at the suddenly frozen layout, even in iOS. Now this will make things mighty hard for my aging eyes to deal with, so please use tweezers rather than this giant mallet, but if you have to, that’s how.

Walter

On Feb 9, 2012, at 9:56 AM, RavenManiac wrote:

Can somebody take a look at this webpage on an IOS device and let me know what’s happening?

http://idealynx.com/clients/cs/Tools/terms.html

It looks fine on a desktop computer, but on my iPhone the right column text is much larger than the left column text. I checked my style settings and everything looks good, so I have no idea of what’s going on.

Thanks.


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

Thanks Walter. I know what you mean. My eyes are not what they use to be either.

I really have no problem with the iPhone or any other IOS device enlarging the text, but what I don’t understand is why it wasn’t universally done.


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