我有一个 ASP.NET Web 表单网站,它有 css 代码来检测屏幕宽度是否小于 420 像素。客户端现在希望这个版本(低于 420 像素)的功能与全屏网站非常不同,所以我想我可以通过在服务器端检测浏览器的宽度来重定向到网站的移动版本。我使用 51Degrees 来检查 Request.Browser.ScreenPixelsWidth,但它总是返回相同的值,即使在我的手机上也是如此。有没有更好的方法来检测这些信息,以便我可以加载我的网页的移动版本?
问问题
321 次
2 回答
0
您正在混合两种不同的技术。对于响应式设计,您永远不需要使用浏览器代理嗅探。使用像 Bootstrap 这样的 RWD CSS 框架。使用 RWD,您可以为所有设备提供相同的内容和功能。
如果其中的某些部分需要不同的功能,这听起来确实像是开发单独的移动应用程序的论据。除此之外,客户是个白痴,教育客户通常是我们的工作;-)
于 2014-10-12T15:16:54.847 回答
0
如果您想获得设备宽度,user-agent
这不是很有帮助,因为最终您需要屏幕分辨率,这将是管理 UI 的唯一标准。所以当更多的设备进入市场时,你需要存储他们的用户代理和他们的维度,这样,我说这没有帮助。如果用户有手机或平板电脑,并改变方向,意味着尺寸只是改变为相同的user-agent
。
所以最好的方法是从css media
查询开始。有很多 CSS 可以帮助您进行响应式设计,例如bootstrap
.
于 2014-10-12T15:28:08.263 回答