Responsive design 如何调整Highslide JS以适应新的响应性设计

Responsive design 如何调整Highslide JS以适应新的响应性设计,responsive-design,highslide,Responsive Design,Highslide,大约5年前,我在这个网站上使用了HighslideJS:(示例页面)。现在,我正在重新设计使用Twitter.Bootstrap的网站,并试图找出如何调整Highslide弹出窗口,使其在较小的设备宽度内工作。这是可能的,还是应该使用另一种解决方案来实现?我已经在highslide-with-html.js文件中对设置参数进行了尝试,但结果并不令人满意。如果可以在响应性设计中使用Highslide,请查看任何URL。简单的回答是,如果您打开图像,Highslide非常适合小型设备。扩展器就是专门

大约5年前,我在这个网站上使用了HighslideJS:(示例页面)。现在,我正在重新设计使用Twitter.Bootstrap的网站,并试图找出如何调整Highslide弹出窗口,使其在较小的设备宽度内工作。这是可能的,还是应该使用另一种解决方案来实现?我已经在highslide-with-html.js文件中对设置参数进行了尝试,但结果并不令人满意。如果可以在响应性设计中使用Highslide,请查看任何URL。

简单的回答是,如果您打开图像,Highslide非常适合小型设备。扩展器就是专门为此而设计的——在不超出视口边界的情况下尽可能大地显示图像

但是,当打开任何其他内容时(包含HTML内容的扩展器、iframe等),扩展器最初必须是固定大小的。你可以在它上面放一个调整大小的手柄,但这还不足以处理从智能手机到大屏幕的所有东西

在不重写Highslide JS的情况下,克服此限制需要您的页面自行检测视口大小,然后动态修改对htmlExpand()的调用(可能需要一些jQuery操作),或者更改.Highslide html CSS类的宽度。后一种方法(针对CSS)似乎更容易