javascript - PrettyPhoto mobile响应式

标签 javascript css responsive-design prettyphoto

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

最佳答案

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

关于javascript - PrettyPhoto mobile响应式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23931523/

相关文章:

javascript - 使用angular js的多选下拉复选框

javascript - 如何在node.js中向手机号码发送验证码? (类似于 nodemailer,但用于 SMS)

php - native 表单提交后的 ajax $.post 函数

html - Bootstrap img-responsive 不缩放到父级

javascript - 如何使用 Jquery/javascript 根据 View 端口大小调整图像大小

javascript - 使用 jQuery 不检查隐藏的 td :s

html - Adaptation Wordpress 主题中的最大宽度

html - YouTube 模式窗口的垂直问题,仅限 CSS 和 HTML

css - 如何使用 Git 和 Bitbucket 在两个存储库之间共享文件?

css - 使用溢出调整超大图像的大小 :hidden and keep the aspect ratio