Jquery 大型设备中的响应滑块

我使用的是非滑动幻灯片，通过媒体查询，我可以在手机和平板电脑中处理响应性设计。但在较大的屏幕上，图像和文本转到左侧和右侧屏幕。
我不想给包装纸一个960的宽度。我想要100%宽度的视图端口

这是我的建议：

全屏弹跳：

---

有什么建议吗？

从第一个链接示例来看，很多元素在px和固定边距px中设置为固定大小，这可能会给响应结果带来一些问题。我修改了a（将内容更改为宽度：100%；高度：auto；），它使内容工作得更好。。但是，显示全屏plunk的第二个链接似乎不起作用：（因此，我不确定您的最终结果应该是什么样的，以提供100%的最佳建议。从第一个链接示例来看，似乎许多元素在px和固定边距px中设置为固定大小，这可能会给您的响应结果带来一些问题。我修改了a（将内容更改为宽度：100%；高度：自动；）但是，第二个显示全屏点击的链接似乎不起作用：（所以我不确定你的最终结果应该是什么样子，以便给你100%的最佳建议

.slide-img-2{
    position: absolute;
    left: 365px;
    top:91px;
}
.sl-banner-content{
    display: inline-block;
    position: absolute;
    text-align: right;
    direction: rtl;
    top: 33%;
}

.slide-img-3{
    position: absolute;
    right: 422px;
    top:91px;
}