1 ASP.NET页面的响应式设计 - 检测屏幕宽度

时间:2014-10-12 14:46:35

标签: javascript asp.net mobile responsive-design 51degrees

我有一个ASP.NET Web窗体网站,它有css代码来检测屏幕宽度是否小于420像素。客户端现在想要这个版本(低于420像素)的功能与全屏网站完全不同,所以我想通过在服务器端检测浏览器的宽度,我可以重定向到网站的移动版本。我使用51Degrees来检查Request.Browser.ScreenPixelsWidth,但它总是返回相同的值,即使在我的手机上也是如此。有没有更好的方法来检测这些信息,以便我可以加载我的网页的移动版本?

2 个答案:

答案 0 :(得分:0)

您正在混合使用两种不同的技术。对于响应式设计,您永远不需要使用浏览器代理嗅探。使用像Bootstrap这样的RWD CSS框架。使用RWD,您可以为所有设备提供相同的内容和功能。

如果它的某些部分需要不同的功能,这听起来像是开发一个单独的移动应用程序的论据。除此之外,客户是一个白痴,教育客户经常是我们的工作; - )

答案 1 :(得分:0)

如果你想获得设备宽度,user-agent不是很有用,因为最终你需要屏幕分辨率,这将是管理UI的唯一标准。因此,当更多设备进入市场时,您需要存储他们的使用者和他们的维度,这样,我说它没有帮助。如果用户拥有移动设备或平板电脑,并且更改了方向,则意味着对于相同的user-agent更改维度。

最好的方法是开始使用css media个查询。有许多CSS可以帮助您进行响应式设计,例如bootstrap