Javascript 引导框架如何识别浏览器和设备宽度？

我是网络开发新手，这是我开发实验室网站的任务。它如何识别是chrome、IE还是opera？它如何识别设备宽度？我认为必须用javascript编写一些函数来识别它，所以我试图理解bootstrap.min.js。但是找不到这样的功能。

---

你能帮帮我吗，我很感激你的帮助

这只是简单的媒体查询。它的概念非常简单。通过CHRIS COYIER的这篇文章来了解它是如何工作的，同样，它非常简单

下面是mediaquery的简单示例

@media (min-width: 600px) and (max-width: 800px) {
  html { background: red; }
}

---

该代码表示，在屏幕大小从600px到800px时，html背景颜色应为红色

你想先浏览一下媒体屏幕css样式——除非你有更具体的问题，请阅读

@media

查询。非常感谢你的评论。但是由于媒体查询也支持一些高级版本的浏览器，那么它实际上如何识别您使用的浏览器以及浏览器的版本呢？非常感谢您的帮助。但是媒体查询有助于识别屏幕宽度，那么它在内部是如何实现该功能的，以及它实际上是如何识别bowser的？您不必担心代码将如何识别它是哪个浏览器。Bootstrap会自动处理这个问题。与浏览器相关的代码被称为跨浏览器代码，要详细了解这一点，谷歌将为“Smashing杂志的跨浏览器CSS编码原则”提供帮助。