Bootstrap框架如何识别浏览器和设备宽度？

-2

我是网络开发新手，这是我开发实验室网站的任务。启动脚本框架表示他们支持各种11个框架。它是如何识别是Chrome还是IE还是Opera？以及它如何识别设备宽度？我认为一些函数必须用JavaScript编写来识别它，所以我试图理解bootstrap.min.js。但无法找到这样的功能。你能帮我吗，帮助将不胜感激Bootstrap框架如何识别浏览器和设备宽度？

来源

2016-07-25 Gitesh More

你想先通过媒体屏幕CSS风格 – Mithun

http://www.w3schools.com/cssref/css3_pr_mediaquery.asp ---除非你有一个更具体的问题，只要阅读'@ media'查询。 –

非常感谢您的意见。但是，由于媒体查询也支持某些高级版本的浏览器，因此它如何识别您正在使用的浏览器以及该浏览器的版本？ –

它只是简单的媒体查询。它非常简单的概念。通过这个CHRIS COYIER的tutorial来找到它的工作原理，同样非常简单。

这里是mediaquery

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

该代码表示在屏幕尺寸从600像素到800像素的HTML背景颜色应该是红色的简单的例子;

来源

2016-07-25 08:28:56

非常感谢您的帮助。 –

但是媒体查询有助于确定屏幕宽度，那么它是如何实现该功能的，以及它如何实际识别bowser？ –

您不必担心代码将如何识别它是哪个浏览器。 Bootstrap会自动处理它。与浏览器相关的代码被称为跨浏览器代码，为了详细了解谷歌对于“Smashing杂志跨浏览器CSS编码的原则”，这将对你有所帮助。 –

Bootstrap框架如何识别浏览器和设备宽度？

回答

相关问题