Html 什么';媒体查询和引导之间的区别是什么?

Html 什么';媒体查询和引导之间的区别是什么?,html,css,twitter-bootstrap-3,Html,Css,Twitter Bootstrap 3,奇怪的是,CSS3媒体查询和引导之间的区别是什么。我访问过很多网站,但每个人都说,这两个网站都是为了提高网站的响应能力。如果是出于相同的原因,为什么两者都存在响应性。我觉得这两者之间有很大的区别。谁的使用率在两者中都是第一位的?媒体查询还是引导?在我的脑海里没有任何间隙。寻求解释 媒体查询是根据屏幕大小、方向和其他属性应用不同样式的CSS机制 Bootstrap是一个样式和功能框架,它利用了媒体查询和其他许多功能 两者在任何方面都不具有可比性或竞争力。你不妨问,引擎和汽车哪个更好 将引导视为站点

奇怪的是,CSS3媒体查询和引导之间的区别是什么。我访问过很多网站,但每个人都说,这两个网站都是为了提高网站的响应能力。如果是出于相同的原因,为什么两者都存在响应性。我觉得这两者之间有很大的区别。谁的使用率在两者中都是第一位的?媒体查询还是引导?在我的脑海里没有任何间隙。寻求解释

媒体查询是根据屏幕大小、方向和其他属性应用不同样式的CSS机制

Bootstrap是一个样式和功能框架,它利用了媒体查询和其他许多功能


两者在任何方面都不具有可比性或竞争力。你不妨问,引擎和汽车哪个更好

将引导视为站点的框架或框架,它有助于您的布局在某些预设断点处重新排列,以不同的方式显示在不同的屏幕大小或设备上。它通过使用媒体查询以各种像素大小重新排列布局的某些元素来实现这一点

实际上不建议编辑核心引导文件,这样您就可以在自己的CSS中编写媒体查询来重新设置内容的样式。它们用于在特定条件下将CSS样式应用于元素,例如,一旦屏幕宽度降至414px以下,就会改变字体大小

p {
font-size: 12px
}

@media screen and (max-width: 414px) {
        p {
            font-size: 16px;
        }
}
这可以用于大量目的,一个很好的用途是增加元素的大小,以便在移动大小的设备上更容易使用


因此,为了将所有内容整合在一起,您可以使用bootstrap将移动设备的3列布局拆分为一列全宽布局。然后,您可以仅使用媒体查询应用特定于该布局的样式。

Bootstrap使用媒体查询,您只需决定是否需要一个完整的UI框架。因此,最后您要说的是,为了实现网站的响应性,我们应该编写媒体查询和Bootstrap框架。我说的对吗,先生?当您根据其网格文档使用引导时,媒体查询已经在使用了。你通常不需要自己编写。@ManojKarthik我的意思是,你可以让一个网站只通过媒体查询做出响应,Bootstrap只是以一种特殊的方式将它们与自己的网格结合使用。人们可能从谷歌知道,“100%滚动你自己的媒体查询”或“使用Bootstrap”确实是类似的问题。这就是为什么这个问题——可能还有一百个类似的问题——存在的原因。尽管如此,伊舍伍德的解释(前两句)还是很有帮助的。这个问题本身存在严重缺陷,会让潜在的开发者感到困惑。Bootstrap使用并依赖于媒体查询,这就是为什么我的类比是有意义的。没有解决这个问题的答案不适合提问者。