Javascript HTML/CSS（/JS？）用于响应2元素滑块_Javascript_Html_Css_Slider_Responsive Design

Javascript HTML/CSS（/JS？）用于响应2元素滑块

javascript html css responsive-design

Javascript HTML/CSS（/JS？）用于响应2元素滑块,javascript,html,css,slider,responsive-design,Javascript,Html,Css,Slider,Responsive Design,我希望创建一个水平滚动滑块，在该滑块中，两个元素在任何给定时间都可以在视口中看到。视口是一个容器div，其宽度由媒体查询控制，因此它是完全响应的。如果视口足够小（可移动），我希望堆叠2个可见元素。以下是我试图实现的目标：我遇到的最大问题是，我想一次显示2个元素。container div响应迅速，但ul内部的宽度要大得多。所以我不能将元素的宽度设置为50%，因为它将是整个ul的50% 我可以只用CSS来完成这个样式吗，或者我也需要使用一些javascript来管理这些东西的宽度吗？非常感谢您的

我希望创建一个水平滚动滑块，在该滑块中，两个元素在任何给定时间都可以在视口中看到。视口是一个容器div，其宽度由媒体查询控制，因此它是完全响应的。如果视口足够小（可移动），我希望堆叠2个可见元素。以下是我试图实现的目标：

我遇到的最大问题是，我想一次显示2个元素。container div响应迅速，但ul内部的宽度要大得多。所以我不能将元素的宽度设置为50%，因为它将是整个ul的50%

我可以只用CSS来完成这个样式吗，或者我也需要使用一些javascript来管理这些东西的宽度吗？非常感谢您的帮助

试试Twitter Bootstrap，它有一个特定的响应CSS布局，可以帮你完成这类事情。我不使用它创建整个网站，但它的功能非常好，请查看：

不，请不要使用Java脚本来处理这个问题。您可以使用来支持响应式样式。您还可以在上共享代码，以便人们可以更轻松地帮助您