javascript - imagenes - PrettyPhoto mobile responsive

prettyphoto js

Question

¿Hay alguna manera de que pueda hacer que PrettyPhoto responda para teléfonos celulares y tabletas? Lo intenté, pero parece ser demasiado difícil para mí. Cualquier idea es bienvenida Gracias

Answer 1

Tengo un problema similar recientemente. Prueba las reglas 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; }

Lo aplica a teléfonos móviles y tabletas usando esto:

@media only screen and (min-width: 600px) and (max-width: 1024px) { /* css rules */ }