Jquery 在移动视图而不是桌面视图中制作响应滑块
Jquery 在移动视图而不是桌面视图中制作响应滑块,jquery,html,css,twitter-bootstrap,Jquery,Html,Css,Twitter Bootstrap,.盒子{ //边框:薄黑色实心; 显示:块; 文本对齐:居中; } .box ol{ 保证金:自动; } 李先生{ 列表样式类型:无; 显示:内联; 保证金:自动; } 欧利img{ 边界半径:50%; } 您可以使用猫头鹰转盘。猫头鹰转盘对移动和桌面都有响应。您可以使用猫头鹰转盘。Owl carousel对移动和桌面都有响应。您可以编写两次代码 <div class="desktop-view">your code goes here</div&
.盒子{
//边框:薄黑色实心;
显示:块;
文本对齐:居中;
}
.box ol{
保证金:自动;
}
李先生{
列表样式类型:无;
显示:内联;
保证金:自动;
}
欧利img{
边界半径:50%;
}
您可以使用猫头鹰转盘。猫头鹰转盘对移动和桌面都有响应。您可以使用猫头鹰转盘。Owl carousel对移动和桌面都有响应。您可以编写两次代码
<div class="desktop-view">your code goes here</div>
<div class="mobile-view">your code goes here</div>
<style> /*hide mobile view for desktop view*/
.mobile-view {display:none}
@media all and (max-width :767) {
.desktop-view {
display:none;
}
.mobile-view{
display:block;
}
}
</style>
您的代码在这里
你的密码在这里
/*隐藏桌面视图的移动视图*/
.mobile视图{显示:无}
@介质和全部(最大宽度:767){
.桌面视图{
显示:无;
}
.mobile view{
显示:块;
}
}
您可以编写两次代码
<div class="desktop-view">your code goes here</div>
<div class="mobile-view">your code goes here</div>
<style> /*hide mobile view for desktop view*/
.mobile-view {display:none}
@media all and (max-width :767) {
.desktop-view {
display:none;
}
.mobile-view{
display:block;
}
}
</style>
您的代码在这里
你的密码在这里
/*隐藏桌面视图的移动视图*/
.mobile视图{显示:无}
@介质和全部(最大宽度:767){
.桌面视图{
显示:无;
}
.mobile view{
显示:块;
}
}
您忘记了javascript代码您正在使用哪个滑块插件?我可以不使用插件吗?我正在使用引导旋转木马,你必须为幻灯片编写脚本。你能用的更好plugin@madalinivascu... 我不知道如何在mobile view中制作slider。你忘了javascript代码,你正在使用哪个slider插件?没有插件我能做吗?我正在使用引导旋转木马,你必须为幻灯片编写脚本。你能用的更好plugin@madalinivascu... 我不知道如何在移动视图中制作滑块。但在我们的例子中,它没有响应能力。我不知道为什么会这样。我们在移动视图中放置了一个滑块,而不是在桌面视图中。您可以编写两次代码。你的代码在这里你的代码在这里/*隐藏桌面视图的移动视图*/.mobile视图{display:none}但是在我们的例子中,它没有响应。我不知道为什么会这样。我们在移动视图中放置了一个滑块,而不是在桌面视图中。您可以编写两次代码。你的代码在这里你的代码在这里/*隐藏桌面视图的移动视图*/.移动视图{显示:无}我想在移动视图中制作一个滑块。为此,我应该编写什么代码?你能提供具体的例子吗?我想在移动视图中制作一个滑块。为此,我应该编写什么代码?你能提供一个具体的例子吗?