If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 2 of 2
  1. #1
    Junior Member
    Join Date
    Sep 2015
    Member #

    Using -webkit to control size on ipone & ipad

    We have a company intranet web site for internal use only. It is basically a page of buttons. We are using the style tag below to zoom the buttons on cell phones. We have now introduced several ipads into the mix and the zoom on them is a bit too much.

    How do I modify this tag so that on phone the zoom remains 450%, but on an ipad the zoom would be 200%?

    <STYLE> @media only screen and (-webkit-min-device-pixel-ratio : 1.5),only screen and (min-device-pixel-ratio : 1.5){ body { -webkit-text-size-adjust:450%; -ms-text-size-adjust:450%; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } } </STYLE>



  3. #2
    Senior Member Ronald Roe's Avatar
    Join Date
    Mar 2011
    Oklahoma City
    Member #
    959 times
    I don't know the particulars of screen pixel size, but you'll use max-width in your media query to set that.

    If that's not doing it for you, you'll need to use JavaScript to grab the headers and parse that to figure it out. I don't envy you if that's the road you have to take.
    Ron Roe
    Web Developer
    "If every app were designed using the same design template, oh wait...Bootstrap."

Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
All times are GMT -6. The time now is 09:04 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2020 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: