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

Javascript 1 ASP.NET网页的响应式设计-检测屏幕宽度,javascript,asp.net,mobile,responsive-design,51degrees,Javascript,Asp.net,Mobile,Responsive Design,51degrees,我有一个ASP.NET Web表单网站,它有css代码来检测屏幕宽度是否小于420像素。客户端现在希望这个版本(低于420像素)的功能与全屏网站非常不同,因此我想我可以通过在服务器端检测浏览器的宽度来重定向到该网站的移动版本。我使用51度来检查Request.Browser.ScreenPixelsWidth,但即使在我的手机上,它也总是返回相同的值。有没有更好的方法来检测这些信息,以便我可以加载我的网页的移动版本 您正在混合两种不同的技术。对于响应性设计,您永远不需要使用浏览器代理嗅探。使用像

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

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


这听起来真的像是一个论点,如果手机应用的某些部分需要不同的功能,那么就开发一个单独的手机应用。除此之外,客户是个白痴,我们的工作通常是教育客户;-)

如果您想获得设备宽度,
用户代理
没有多大帮助,因为最终您需要屏幕分辨率,而这将是管理UI的唯一标准。所以当更多的设备进入市场时,你需要存储他们的用户代理和他们的维度,这样做,我是说这是没有帮助的。若用户有手机或平板电脑,并且改变了方向,意味着同一
用户代理的尺寸刚刚改变了


所以最好的方法是从
css媒体
查询开始。有很多CSS可以帮助您进行响应性设计,例如
bootstrap

谢谢。我们已经有了css媒体查询,但现在我们需要根据屏幕大小确定要提取哪些数据,所以我想我们最好离开服务器端。因此,如果您的目的是针对不同的设备大小获取不同的数据/内容,那么您必须使用服务器端代码。我在想,你的意思是同样的内容与响应设计!