Twitter bootstrap 媒体查询的问题

因此，我正在使用bootstrap构建我的个人网站。目前，我正在努力使内容适合手机大小

我的问题是我不太记得如何使用

查询

，而且我这样做的方式在某一点上会停止工作

所以基本上我所做的就是把移动CSS样式放在主CSS中，然后随着屏幕变大而改变它

但是由于某些原因，查询在

992px

之后停止工作

---

是否有更好的方法可以做到这一点，并且更有效。

以下是您应该如何使用：

记住使用你喜欢/需要的尺码。以下仅用于演示目的

非移动优先法使用

最大宽度

：

/*=============非移动第一种方法==========*/
@仅介质屏幕和（最大宽度：960像素）{
/*你的CSS规则*/
}
@仅介质屏幕和（最大宽度：768px）{
/*你的CSS规则*/
}
@仅介质屏幕和（最大宽度：640像素）{
/*你的CSS规则*/
}
@仅介质屏幕和（最大宽度：480px）{
/*你的CSS规则*/
}       
@仅介质屏幕和（最大宽度：320px）{
/*你的CSS规则*/
}

移动优先法使用

最小宽度

：

/*=============移动优先方法==========*/
@仅介质屏幕和（最小宽度：320px）{
/*你的CSS规则*/
}
@仅介质屏幕和（最小宽度：480px）{
/*你的CSS规则*/
}
@仅介质屏幕和（最小宽度：640px）{
/*你的CSS规则*/
}
@仅介质屏幕和（最小宽度：768px）{
/*你的CSS规则*/
}       
@仅介质屏幕和（最小宽度：960像素）{
/*你的CSS规则*/
}

---

以下是W3.org上的一个好例子

以下是您应该如何使用：

记住使用你喜欢/需要的尺码。以下仅用于演示目的

非移动优先法使用

最大宽度

：

/*=============非移动第一种方法==========*/
@仅介质屏幕和（最大宽度：960像素）{
/*你的CSS规则*/
}
@仅介质屏幕和（最大宽度：768px）{
/*你的CSS规则*/
}
@仅介质屏幕和（最大宽度：640像素）{
/*你的CSS规则*/
}
@仅介质屏幕和（最大宽度：480px）{
/*你的CSS规则*/
}       
@仅介质屏幕和（最大宽度：320px）{
/*你的CSS规则*/
}

移动优先法使用

最小宽度

：

/*=============移动优先方法==========*/
@仅介质屏幕和（最小宽度：320px）{
/*你的CSS规则*/
}
@仅介质屏幕和（最小宽度：480px）{
/*你的CSS规则*/
}
@仅介质屏幕和（最小宽度：640px）{
/*你的CSS规则*/
}
@仅介质屏幕和（最小宽度：768px）{
/*你的CSS规则*/
}       
@仅介质屏幕和（最小宽度：960像素）{
/*你的CSS规则*/
}

---

以下是W3.org上的一个好例子

以下是您应该如何使用：

记住使用你喜欢/需要的尺码。以下仅用于演示目的

非移动优先法使用

最大宽度

：

/*=============非移动第一种方法==========*/
@仅介质屏幕和（最大宽度：960像素）{
/*你的CSS规则*/
}
@仅介质屏幕和（最大宽度：768px）{
/*你的CSS规则*/
}
@仅介质屏幕和（最大宽度：640像素）{
/*你的CSS规则*/
}
@仅介质屏幕和（最大宽度：480px）{
/*你的CSS规则*/
}       
@仅介质屏幕和（最大宽度：320px）{
/*你的CSS规则*/
}

移动优先法使用

最小宽度

：

/*=============移动优先方法==========*/
@仅介质屏幕和（最小宽度：320px）{
/*你的CSS规则*/
}
@仅介质屏幕和（最小宽度：480px）{
/*你的CSS规则*/
}
@仅介质屏幕和（最小宽度：640px）{
/*你的CSS规则*/
}
@仅介质屏幕和（最小宽度：768px）{
/*你的CSS规则*/
}       
@仅介质屏幕和（最小宽度：960像素）{
/*你的CSS规则*/
}

---

以下是W3.org上的一个好例子

以下是您应该如何使用：

记住使用你喜欢/需要的尺码。以下仅用于演示目的

非移动优先法使用

最大宽度

：

/*=============非移动第一种方法==========*/
@仅介质屏幕和（最大宽度：960像素）{
/*你的CSS规则*/
}
@仅介质屏幕和（最大宽度：768px）{
/*你的CSS规则*/
}
@仅介质屏幕和（最大宽度：640像素）{
/*你的CSS规则*/
}
@仅介质屏幕和（最大宽度：480px）{
/*你的CSS规则*/
}       
@仅介质屏幕和（最大宽度：320px）{
/*你的CSS规则*/
}

移动优先法使用

最小宽度

：

/*=============移动优先方法==========*/
@仅介质屏幕和（最小宽度：320px）{
/*你的CSS规则*/
}
@仅介质屏幕和（最小宽度：480px）{
/*你的CSS规则*/
}
@仅介质屏幕和（最小宽度：640px）{
/*你的CSS规则*/
}
@仅介质屏幕和（最小宽度：768px）{
/*你的CSS规则*/
}       
@仅介质屏幕和（最小宽度：960像素）{
/*你的CSS规则*/
}

---

这里有一篇来自W3.org的好文章

如果你不记得了，请重新阅读你第一次阅读的教程。也在这里发布你的代码-我们中的一些人太懒了，不想访问linksI。我看了几张图坦卡蒙的照片，它就是没有clic