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
    Junior Member
    Join Date
    Sep 2015
    Posts
    5
    Member #
    51796

    Display images bigger on mobile browser

    We have an internal intranet page that was long ago built with NetObjects Fusion.
    We no longer have access to the program or files that built the sight.

    The home page /splash page is just an image. The page displays well on desktop computers but is microscopic on mobile devices. Is there some code I can inject in the page that will detect a mobile browser and zoom the images?

    I was able to do this with CSS on pages that contain text using -webkit-text-size-adjust:450% but this only works on text not images.

    Thanks

  2.  

  3. #2
    Senior Member timbo89's Avatar
    Join Date
    May 2015
    Location
    Adelaide, South Australia
    Posts
    126
    Member #
    49722
    Liked
    26 times
    have you set your viewport size?
    HTML Code:
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    I'd also set the image width for mobile devices to 100% with something like this in your css:
    HTML Code:
    @media screen and (max-width: 500px) {
        .full-width-image {
            width:100%;
        }
    }
    one other thing i have found that fixes the text scaling on mobile devices is setting a ridiculous max height on your main page element, see below:
    HTML Code:
    .main-page-element {
        max-height:200000px;
    }
    Hope this helps, if not, give us a link to the site so we can see exactly what it's doing
    Last edited by timbo89; Sep 01st, 2015 at 05:41 PM. Reason: Typos D:

  4. #3
    Junior Member
    Join Date
    Sep 2015
    Posts
    5
    Member #
    51796
    viewport meta tag worked great. thanks


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