Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Perfect on Desktop, not so perfect on Mobile

  • This topic is empty.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #45153
    f1tzy0
    Member

    Hello friends,

    I’ve been using this forum/website for quite a while and have found it a fantastic resource so i thought i would finally sign up! Today i’m having a bit of an issues with making things appear the same on iPads/Mobile devices the same as they do on there Desktop counter-parts.

    [The Website](http://inspirationx.net “The Website”)

    (http://codepen.io/seraphzz/pen/uFylo “Code Pen (minus the CSS3 stuff)”)

    [iPad in Landscape](http://inspirationx.net/images/issues/landscape.png “iPad in Landscape”)

    [iPad in Portrait](http://inspirationx.net/images/issues/portrait.png “iPad in Portrait”)

    I had a sneaking suspicion it had to do with viewpoints or something of the sorts, however i couldn’t seem to narrow it down. Any help in the right direction as far as example code or good reading material for fixing the issue would be of great help.

    Thanks in advance! [Code Pen (minus the CSS3 stuff)](http://codepen.io/seraphzz/pen/uFylo “Code Pen (minus the CSS3 stuff)”)

    [iPad in Landscape](http://inspirationx.net/images/issues/landscape.png “iPad in Landscape”)

    [iPad in Portrait](http://inspirationx.net/images/issues/portrait.png “iPad in Portrait”)

    I had a sneaking suspicion it had to do with viewpoints or something of the sorts, however i couldn’t seem to narrow it down. Any help in the right direction as far as example code or good reading material for fixing the issue would be of great help.

    Thanks in advance!

    #137389
    donpeppo
    Member

    I dont know if you have tested something like this but.. give it a try.


    Also, i think you want to use ‘overflow:hidden’ on the wrapper so you get rid of the horizontal scroll-bar

    #137572
    f1tzy0
    Member

    Thanks very much for the interest & tip Donpeppo! Unfortunately the viewport code didn’t help out though :(

    #137575
    ten89
    Member

    Set the viewport to no zooming

    #137592
    Paulie_D
    Member

    >Set the viewport to no zooming

    UGH.

    Some of us wear glass you know?

    #137594
    f1tzy0
    Member

    Hello ten89.

    by ‘no-zooming’ are you reffering to the standard viewport used on most sites such as the following?

    #137608
    donpeppo
    Member

    is it possible to zoom out to the point where it looks good?

    #137710
    f1tzy0
    Member

    No it didn’t dondeppo

    For those interested though, for the strangest of reasons it works perfectly (bar the 1%) if i used the following on my image

    height=99%

Viewing 8 posts - 1 through 8 (of 8 total)
  • The forum ‘CSS’ is closed to new topics and replies.