javascript - PrettyPhoto mobile响应式

Question

有什么办法可以让我的手机和平板电脑反应灵敏吗？我试过了，但对我来说似乎太难了。
欢迎任何意见
谢谢

Answer 1

我最近也遇到了类似的问题。
试试这些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; }

您可以通过以下方式将其应用于手机和平板电脑：

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