我是网络开发新手,这是我开发实验室网站的任务。启动脚本框架表示他们支持各种11个框架。它是如何识别是Chrome还是IE还是Opera?以及它如何识别设备宽度?我认为一些函数必须用JavaScript编写来识别它,所以我试图理解bootstrap.min.js。但无法找到这样的功能。 你能帮我吗,帮助将不胜感激Bootstrap框架如何识别浏览器和设备宽度?
回答
它只是简单的媒体查询。它非常简单的概念。通过这个CHRIS COYIER的tutorial来找到它的工作原理,同样非常简单。
这里是mediaquery
@media (min-width: 600px) and (max-width: 800px) {
html { background: red; }
}
该代码表示在屏幕尺寸从600像素到800像素的HTML背景颜色应该是红色的简单的例子;
非常感谢您的帮助。 –
但是媒体查询有助于确定屏幕宽度,那么它是如何实现该功能的,以及它如何实际识别bowser? –
您不必担心代码将如何识别它是哪个浏览器。 Bootstrap会自动处理它。与浏览器相关的代码被称为跨浏览器代码,为了详细了解谷歌对于“Smashing杂志跨浏览器CSS编码的原则”,这将对你有所帮助。 –
- 1. 浏览器无法识别最大设备宽度
- 2. 如何从浏览器识别设备和检索唯一ID
- 3. 浏览器识别
- 4. 浏览器大小(宽度和高度)
- 5. 如何识别黑莓的浏览器
- 6. HttpWebRequest:如何识别浏览器?
- 7. 为浏览器宽度设置Cookie
- 8. 基于浏览器宽度或设备移动广告位置
- 9. 浏览器宽度的100%宽度div
- 10. 我如何设置浏览弹窗的宽度和高度?
- 11. 的JavaScript浏览器识别
- 12. 浏览器指纹识别和火狐
- 13. jquery mobile:为桌面浏览器设置宽度和高度
- 14. C#Web浏览器宽度
- 15. 如何为浏览器窗口宽度和高度设置宽度和高度变量?
- 16. Bootstrap的容器停止在某个浏览器宽度提供边框吗?
- 17. 如何根据浏览器窗口的可变宽度设置px中的最小宽度和最大宽度?
- 18. HTML:如何设置子元素宽度=浏览器窗口宽度?
- 19. CSS @media查询包含移动设备和小型浏览器宽度
- 20. Zend框架如何设置条码的高度和宽度?
- 21. JS检测浏览器的宽度和高度在Chrome浏览器和Safari浏览器,但不是IE9或FF9
- 22. 在IE浏览器的宽度与IE浏览器不同的宽度div
- 23. 如何使图像覆盖父宽度和拉伸到浏览器宽度?
- 24. 设备/浏览器注册
- 25. 如何识别IE浏览器生成和生成号码?
- 26. 宽度VS设备宽度
- 27. 如何为TapGesture识别器设置框架
- 28. Bootstrap - 如何强制col-xs-12自定义最小浏览器窗口宽度?
- 29. 如何使一个宽的设计网站适合浏览器宽度
- 30. 如何使PIXI渲染器适合浏览器的宽度和高度?
你想先通过媒体屏幕CSS风格 – Mithun
http://www.w3schools.com/cssref/css3_pr_mediaquery.asp ---除非你有一个更具体的问题,只要阅读'@ media'查询。 –
非常感谢您的意见。但是,由于媒体查询也支持某些高级版本的浏览器,因此它如何识别您正在使用的浏览器以及该浏览器的版本? –