移动特定视图/设备检测

Question

在.NET Core文档中有一个标题为"构建移动特定视图"的页面,但正在构建中:https://docs.asp.net/en/latest/mvc/views/mobile.html.

有没有人对构建移动视图或成功进行设备检测有所了解？

Answer 1

基于浏览器的用户代理提供特定视图是一个过时的概念，因为它没有充分说明设备的功能。例如，iPhone 和 iPad 具有不同的屏幕尺寸，甚至移动浏览器也允许更改用户代理。

新概念称为响应式设计，其中创建一个页面，根据可用的屏幕宽度来适合和显示/隐藏某些元素。Bootstrap是一种流行的响应式设计 CSS 框架，最初由 Twitter 开发，后来开源。

这是响应式设计的示例。当您访问该网站并更改浏览器的宽度时，设计也会从 3 列设计更新为 2 列设计，并带有浏览器或类似移动设备的导航（带有汉堡菜单）。