如何在 ASP.NET MVC 中获取移动设备的 CSS 宽度？答案

【问题标题】：How to get the CSS width of a mobile device in ASP.NET MVC?如何在 ASP.NET MVC 中获取移动设备的 CSS 宽度？
【发布时间】：2014-02-25 01:40:12
【问题描述】：

在 ASP.NET MVC 中，如何以 css 像素为单位获取屏幕宽度？我在 Nexus 5 上，如果我这样做 Request.Browser.ScreenPixelsWidth，它会根据像素密度（即 1080）给我宽度，但我想要得到的是 CSS 宽度，应该更像 480px .

【问题讨论】：

你应该有一个响应式 CSS 设计
这就是我需要它的原因...
嗯，我不知道有多少需要读取屏幕尺寸的流畅布局！有些人可能会使用媒体查询来定位样式表
是的，我大部分时间都在使用媒体查询。但是我有一个progress-bar-kinda元素需要相对于屏幕的宽度来调整大小，并且宽度的计算逻辑在Razor中，并且取决于一堆其他的东西，而不仅仅是屏幕宽度，所以我可以'不要简单地使用 CSS/媒体查询来调整宽度。
我会说在剃刀视图中获取屏幕资源是一种不使用 CSS 来控制元素的 hack

【解决方案1】：

你是对的！您使用的代码将始终为您提供屏幕的像素。算下来是 1080。

要获取 CSS 值，您可以改用 JavaScript！

您无法读取运行时的值。因为 ASP.NET 不处理那个！

我可以给你一个简单的建议：

试试这个：

var wid = screen.width;

现在你可以把它写在文档里了！

【讨论】：

【解决方案2】：

一种解决方案是简单地使用JQuery's Window Width - $(window).width() - 将其填充到隐藏字段中，然后您可以在 FormCollection 的服务器端获取它。

【讨论】：