我在我的网站上使用Bootstrap框架 我的网站在iPhone和Ipad设备上没有响应 我正在使用JQuery创建滑块 我想在移动设备中显示滑块，隐藏在横向桌面
中答案 0 :(得分：1)
您需要在引导程序中使用Media Queries，以使其对移动设备，平板电脑，桌面等更具响应性。您的网站将响应横向桌面，IPhone，iPad等。您还可以为移动设备创建滑块设备和桌面，只需将显示设置为无。
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
.slider {
display:none;
}
}
以下是几乎可以用于所有设备的其他媒体查询。
/*========== Mobile First Method ==========*/
/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
}
/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
}
/*========== Non-Mobile First Method ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
}
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
}