Twitter bootstrap @media query是否需要引导才能工作

您好，我尝试过使用媒体查询，看起来一切正常，实际上我是从另一个在堆栈溢出上标记为良好的线程复制的，但是当我在Firefox中查看“响应布局”web开发面板时（在我尝试的每个屏幕大小上），我看不到任何更改

有人说了一些关于向css添加祖先元素的事情。有人能帮我吗

@媒体屏幕（最大宽度：767px）{ @媒体屏幕（最小宽度：768px）

你不必每次都重复这个。只需总结一下媒体查询中的所有内容

-网络工具包- -莫兹- -ms- 使之在不同的浏览器中工作

@媒体屏幕（最大宽度：767px）{ @媒体屏幕（最小宽度：768px）

你不必每次都重复这个。只需总结一下媒体查询中的所有内容

-网络工具包- -莫兹- -ms- 使之在不同的浏览器中工作

这一切都是关于和

如果您将file.CSS放在bootstrap.CSS之后，并使用与bootstrap使用的选择器相同的选择器，那么无需担心，您就可以开始了，因为级联效应会照顾到您这是建议执行的操作。您还可以使用更具体的选择器覆盖它

如果不将file.CSS放在bootstrap之后，则需要比bootstrap.CSS的选择器更具体这不是一件好事

您可以计算选择器的特异性

这一切都与和有关

如果您将file.CSS放在bootstrap.CSS之后，并使用与bootstrap使用的选择器相同的选择器，那么无需担心，您就可以开始了，因为级联效应会照顾到您这是建议执行的操作。您还可以使用更具体的选择器覆盖它

如果不将file.CSS放在bootstrap之后，则需要比bootstrap.CSS的选择器更具体这不是一件好事

---

您可以计算选择器的特异性

尝试在html代码的头部添加此元标记

<meta name="viewport" content="width=device-width, initial-scale=1.0">

---

尝试在html代码的头部添加此元标记

<meta name="viewport" content="width=device-width, initial-scale=1.0">

---

您不需要启动@media query即可工作。您必须在html文档的头部有元标记

<meta name="viewport" content="width=device-width, initial-scale=1.0"> 

视口元素为浏览器提供有关如何控制页面尺寸和缩放的说明

width=devicewidth

部分将页面宽度设置为跟随设备的屏幕宽度（根据设备的不同而有所不同）

---

initial scale=1.0

部分设置浏览器首次加载页面时的初始缩放级别。

您不需要启动@media query即可工作。您必须在html文档的头部有元标记

<meta name="viewport" content="width=device-width, initial-scale=1.0"> 

视口元素为浏览器提供有关如何控制页面尺寸和缩放的说明

width=devicewidth

部分将页面宽度设置为跟随设备的屏幕宽度（根据设备的不同而有所不同）

---

initial scale=1.0

部分设置浏览器首次加载页面时的初始缩放级别。

媒体查询内部有什么CSS，实际使用的媒体查询是什么？我们需要知道当屏幕大小达到某一点时会发生什么。很容易在您的媒体查询中意外输入一个错误，使其无法正常工作……好的，谢谢。首先，我尝试调整post缩略图的大小：@media screen和（max-width:320 px）{.post-thumbnail{width:125px；}}媒体查询中有哪些CSS，以及实际使用的媒体查询是什么？我们需要知道当屏幕大小达到某一点时会发生什么。很容易在您的媒体查询中意外输入一个错误，使其无法正常工作……好的，谢谢。首先，我尝试调整帖子缩略图的大小：@media screen和（最大宽度：320 px）{.post缩略图{width:125px；}}