Register

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 3 of 3
  1. #1
    Member Pink Spider's Avatar
    Join Date
    Nov 2011
    Location
    Wimbledon, London
    Posts
    58
    Member #
    30014
    Liked
    2 times
    Hi everyone

    I've constructed a website where the background image consists of various graphics that need to contain text.

    Therefore, I've absolutely positioned divs to contain the text so that it sit on the relevant page elements.

    When the website is resized using the zoom method, zoom out makes the text in one of the divs overflow it's element. This doesn't happen in Firefox but does in Chrome and Safari. I haven't checked it in IE yet.

    I've tried using different sizings for the font, eg px, ems, percentages but this doesn't make any difference.

    On my iphone, it was making the text larger in that element and I've applied the style -webkit-text-size-adjust: 100% to the element which has resolved that issue.

    I'm wondering if it's because those browsers have a minimum size you can zoom to. The text in this particular div is smaller than the others.

    If anyone can help me on this I'd really appreciate it as I'm going to start tearing my hair out soon! :cry:

    Thank you!
    Monique

  2.  

  3. #2
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,715
    Member #
    5580
    Liked
    717 times
    We'll need a link to the site so we can see it ourselves.


  4. #3
    Senior Member Webzarus's Avatar
    Join Date
    May 2011
    Location
    South Carolina Coast
    Posts
    3,322
    Member #
    27709
    Liked
    770 times
    Using the "viewport" meta tags for mobile ? They set the intial view size, then all "resizing" is based off that. Some instances, makes a huge difference .... But I still find it easier ( with most sites ), to just provide a seperate set of "mobile" friendly pages... "No, I don't mean responsive".. And I normally only do that for sites with less the 20-25 pages


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 08:52 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com