PrettyPhoto mobile responsive

Est-il possible que je peux faire PrettyPhoto sensible pour les téléphones mobiles et les tablettes? J'ai essayé, mais il semble être trop dur pour moi.
Toute idée est la bienvenue
Grâce

Oui. de tels moyens sont existe

OriginalL'auteur | 2014-05-29

  1. 5

    J'ai un problème similaire récemment.
    Essayez ces règles css:

    .pp_pic_holder.pp_default { width: 100%!important; left: 0!important; overflow: hidden; }
div.pp_default .pp_content_container .pp_left { padding-left: 0!important; }
div.pp_default .pp_content_container .pp_right { padding-right: 0!important; }
.pp_content { width: 100%!important; height: auto!important; }
.pp_fade { width: 100%!important; height: 100%!important; }
a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom { display: none!important; }
#pp_full_res img { width: 100%!important; height: auto!important; }
.pp_details { width: 100%!important; padding-left: 3%; padding-right: 4%; padding-top: 10px; padding-bottom: 10px; background-color: #fff; margin-top: -2px!important; }
a.pp_close { right: 7%!important; top: 10px!important; }

    De l'appliquer aux téléphones portables et tablettes à l'aide de ceci:

    @media only screen and (min-width: 600px) and (max-width: 1024px) { /*  css rules */ }
    C'est ce que j'ai utilisé (sans règles media query): .ppt {margin-left:0!important} .ppt,.pp_top,.pp_bottom,.pp_pic_holder,.pp_content,.pp_details { max-width: 100%; }
    Le css solution ci-dessus, les boutons next/previous sur l'image ne fonctionne pas bien. Est-ce quelqu'un de venir avec des solutions ?
    Ce code ne fonctionne pas dans le dispositif de l'iphone

    OriginalL'auteur Daniel Patilea