大约 5 年前，我在这个网站上使用了 Highslide JS：http ://wela.ctc.edu/academy12-13.aspx （示例页面）。现在我正在使用 Twitter.Bootstrap 重新设计网站，并试图弄清楚如何调整 Highslide 弹出窗口以在较小的设备宽度下工作。这是可能的还是我应该使用找到另一种解决方案来实施？我在我的 highslide-with-html.js 文件中使用了设置参数，但结果并不令人满意。如果可以在响应式设计中使用 Highslide，请查看任何 URL。
问问题
2580 次
1 回答
0
简短的回答是，如果您打开图像，Highslide 非常适合小型设备。扩展器是专门为此而设计的——在不超出视口边界的情况下尽可能大地显示图像。
但是当打开其他任何东西时——带有 HTML 内容的扩展器、iframe 等——扩展器最初必须是固定大小的。您可以对其进行调整大小处理，但这并不足以处理从智能手机到大型显示器的所有内容。
在不重写 Highslide JS 的情况下，克服这个限制将需要您的页面自己检测视口大小，然后动态修改对 htmlExpand() 的调用，可能使用一些 jQuery 操作，或者更改 .highslide-html CSS 类宽度。后一种方法（针对 CSS）似乎更容易。
于 2013-04-25T13:02:10.923 回答