PrettyPhoto移动响应

Question

有什么方法可以让PrettyPhoto对手机和平板电脑做出响应吗？我试过但似乎对我来说太难了.欢迎任何想法谢谢

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 */ }