[Pro] Preventing IOS devices from resizing text?

I’m trying to prevent IOS devices from resizing the text on my websites and a fellow member has suggested that I insert the following code into the /head section of my website:

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

The only problem is I already using following code to style my drop down menus. So, do I add the code to my existing code or use a new /head section?

<style type="text/css">
<!--
.sub {
-webkit-box-shadow: #000000 3px 3px 5px;
-moz-box-shadow: #000000 3px 3px 5px;
box-shadow: #000000 3px 3px 5px;
}
ul.sub, ul.sub li.fwLastChild, ul.sub li.fwLastChild a {
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
-->
</style>

The only


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

After reviewing messages from one of my other posts, perhaps I shouldn’t be doing this? :slight_smile:


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

You could merge the two (put the contents of one style block inside the other style block, so you have only one style block with both contents) or you could put both style blocks in the same Page / HTML Markup / Before /HEAD container.

In a case where the same selector appears more than once in a stylesheet (or collection of stylesheets), the rules are added to one another. In cases where specific attributes within those rules conflict, the last one wins, all other things being equal.

But as you noted in your next reply to this (came in as I was writing this) maybe you should consider another approach. I have used this very style trick you reference here before, but I applied it surgically to a subhead in a header, where the line-wrap was necessary to keep the entire header from breaking apart. But I didn’t apply it to the entire page, because that would have made the articles further down the page entirely illegible in portrait mode.

Walter

On Jun 28, 2012, at 12:23 PM, RavenManiac wrote:

I’m trying to prevent IOS devices from resizing the text on my websites and a fellow member has suggested that I insert the following code into the /head section of my website:

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

The only problem is I already using following code to style my drop down menus. So, do I add the code to my existing code or use a new /head section?

<style type="text/css">
<!--
.sub {
-webkit-box-shadow: #000000 3px 3px 5px;
-moz-box-shadow: #000000 3px 3px 5px;
box-shadow: #000000 3px 3px 5px;
}
ul.sub, ul.sub li.fwLastChild, ul.sub li.fwLastChild a {
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
-->
</style>

The only


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

Hi,

You can just add the new PageDiv definition into the existing styles on a new row.

/ Omar

::: Communication to improve civilisation :::

s_ip

On 28 jun 2012, at 18:27, “RavenManiac” email@hidden wrote:

After reviewing messages from one of my other posts, perhaps I shouldn’t be doing this? :slight_smile:


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