Grow your CSS skills. Land your dream job.

Ipad website integration issue

  • # April 6, 2013 at 7:36 am

    Hi Everyone,

    I am currently developing a website for a tv-production company ,
    and i have to make it responsive for the iPad.

    So far, the css is working great on desktop, but on the ipad,
    i have some issues :

    First, the menu and the slider are cut on the right border,
    and second, there is a white margin on the right side of the videos blocs
    each video is 320px x 320px, so it should fit on 960px.

    here is the website : http://emalsaifi.com/purprodtest/

    Can someone help me please ?
    I apologize for my poor english,

    Emal

    # April 6, 2013 at 10:29 am

    What you need to do is use media queries that only targets iPads.

    iPad portrait
    @media only screen
    and (min-device-width : 768px)
    and (max-device-width : 1024px)
    and (orientation : portrait)
    and (min-device-width : 768px)
    and (max-device-width : 1024px)
    and (orientation : landscape)
    {

    # April 7, 2013 at 11:03 am

    Thank you very much Jarolin,

    it is exactly what i need ! :)

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

You must be logged in to reply to this topic.

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