Grow your CSS skills. Land your dream job.

overflow:hidden alternative for IOS

  • # February 12, 2013 at 8:03 pm

    Overflow:hidden does not work on mobile safari for some reason, and the frame stretches because of that. Is there another way to prevent the frame from showing the overflown content? visit this website http://tinyurl.com/a9n3mog on an IOS device to see what i mean.

    # February 13, 2013 at 3:29 am

    I see the bottom of the phone sticking out of the div and the bottom border is gone. Is that what you mean? In any event, I use overflow hidden all the time on responsive sites and this is never an issue but many things affect each other. There is plenty of suspect code in your source. As a test case, I would make a simple jsfiddle or code pen with just an image in a box that it smaller then itself and see what happens.

    # February 13, 2013 at 4:43 am

    Why would you want to use overflow:hidden on a mobile site?

    Don’t you want the all content to be seen, even if the user has to scroll down to see it?

    # February 13, 2013 at 6:46 am

    @Paulie D well there’s not much to see. Its only a very small portion of the image. But the iframe stretches to show the overflown portion. And i dont want that.

    # February 13, 2013 at 7:41 am

    Sounds as though you haven’t set the properties correctly in the media queries.

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".