如何使jQuery幻灯片具有响应性？

我正在一个个人练习的网站上工作，我集成了一些照片的jQuery幻灯片。我的问题是，当增加或减小屏幕尺寸时，我不知道如何使这些幻灯片响应。我检查了所有的感觉，但没有发现问题。代码如下：

/*防止幻灯片闪烁*/
#幻灯片{
显示：无；
}
$（函数（）{
var slideWidth=700；
var SlidehHeight=393；
如果（window.innerWidth

Bootstrap是最流行的HTML、CSS和JS框架，用于开发响应性的

请参见此链接：

使用@media标记定义移动视图、桌面视图、平板视图、横向视图等，示例如下

看…你可以参考bootstrap…它是 响应性网站，我认为img响应类可以解决您的问题 在一定程度上存在问题，请注意，请在 使用响应式框架

---

制作一张幻灯片可能会给您带来一些麻烦，特别是在使用jQuery时。在我看来，您需要做以下几件事：

最直接的方法是使用媒体查询、百分比和类似的东西使幻灯片适应不同的屏幕大小

最重要的是，你必须向jQuery说再见，因为它在移动设备上的性能非常差（在iPhone上你可能感觉不到，但在所有中低端设备上肯定会感觉到）。你必须创建一个类似于jQuery animate的函数，但使用css3转换，这是硬件加速和更高效的

---

如果您这样做，即使在速度最慢的设备上，幻灯片也能很好地工作。

从幻灯片配置中删除宽度。即

slideWidth=700

签出。它是响应性的。在我删除宽度后，它是您的代码，整个幻灯片和图片将消失。只需检查演示并尝试在其上构建。谢谢！我会检查它好的，所以在jquery中它有Plugin.prototype.update=function（）{var$element，height，width；$element=$（this.element）；this.data=$.data（this）；$（“.slidesjs control”，$element）。children（：not（：eq（“+this.data.current+”）））.css（{display:“none”，left:0，zIndex:0}）；width=1000；height=900；…有人知道我如何更改此设置以使其响应吗？%标志不起作用。感谢您的帮助！–