媒体查询和Bootstrap之间有什么区别？

Question

Strange To Bug我的想法是，CSS3 Media Queries和Bootstrap之间的区别是什么。我已经进入了这么多的网站，但每个人都这么说，两者都是为了网站的响应性。如果是出于同样的原因，为什么两者都存在响应性。我觉得这两者之间存在一些重大差异。谁在使用中排名第一？媒体查询或引导程序？在我脑海里没有间隙地被困住了。寻求解释!!!

Answer 1

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

并不是真的建议编辑核心引导程序文件，因此您可以在自己的CSS中编写媒体查询来重新设置内容。它们用于在特定条件下将CSS样式应用于元素，例如，一旦屏幕宽度低于414px，这将改变字体大小。

p {
font-size: 12px
}

@media screen and (max-width: 414px) {
        p {
            font-size: 16px;
        }
}

这可用于多种用途，很好的用途是增加元素的大小，以便在移动设备上使用。

因此，为了将所有内容组合在一起，您可以使用引导程序将3列布局分解为移动设备的单列全宽布局。然后，您只能使用媒体查询来应用特定于该布局的样式。

Answer 2

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

Bootstrap是一种风格和功能框架，可以利用媒体查询等等。

这两者在任何方面都不具有可比性或竞争力。你不妨问哪个更好，发动机或汽车。