响应式PhotoSwipe，具有移动设备上的大型控件
在这个官方的codepen中，在我的移动设备上，控件和标题看起来很小： http ：//codepen.io/dimsemenov/pen/ZYbPJM
我尝试将其添加到HTML但它没有任何区别：
如何在photoswipe.com网站上制作更大的图片？
如果您的标记看起来像PhotoSwipe网站上的建议和CodePen，您可以在figcaption元素中添加您喜欢的任何HTML元素，如下所示：
Title of the image or photo 2003 1200 x 900 cm Oil on cotton
然后使用以下CSS来设置标题样式，例如：
.img-title { font-size: 2em; } .img-year { font-size: 1.2em; } .dimensions { font-size: 1em; } .technique { font-size: 0.8em; }
然后，您还可以将媒体查询添加到移动设备和平板电脑的标题的样式类中，例如，如果您对默认值不满意。
@media screen and (min-width:0px) { .img-title { font-size: 2em; } .img-year { font-size: 1.2em; } .dimensions { font-size: 1em; } .technique { font-size: 0.8em; } } @media screen and (min-width:320px) { .img-title { font-size: 4em; } .img-year { font-size: 2.2em; } .dimensions { font-size: 1.5em; } .technique { font-size: 1.1em; } }
请记住包含所有JS和CSS文件，如下所示：
http://photoswipe.com/documentation/getting-started.html
我也遇到过这个问题PhotoSwipe：编辑parseThumbnailElements函数来解析额外的标记元素并将其链接到你，看看如何使用PhotoSwipe项目构建响应式图库网格，以及在链接的CodePen中使用的这个确切的HTML标记在你的问题。