MVC剃刀获得div宽度并检查条件

Question

我有一个应该响应的视图。我的模型有两个属性leftPosition和topPosition.Now我想如果我的外部div的宽度小于714 topPosition和leftPosition设置为0否则他们将具有的值他们从模型中退出。但是如何在mvc razor语法中检查外部div宽度。我曾尝试使用javascript并设置mvc razor变量但我发现它不可能做asp.net这样的事情是服务器端和javascript是客户方。

mvc局部视图

@foreach (var item in Model)
{
    if (Request.Browser.ScreenPixelsWidth < 1000)
     {
        {item.TopPosition = 0;}
         {item.LeftPosition = 0;}
     }
      Html.RenderPartial(@item.TileName, @item);
    }

而不是这个Request.Browser.ScreenPixelsWidth我想使用像（“#desktopTilesContiner”）。宽度，我可以在我的if条件中使用。在我的图像中我有不同的瓷砖 - 实验室，病理学，程序，药物。这些是根据他们的左上角和左上角设置的，但是在移动设备上我只想让他们在一列中忽略他们的上下位置。像图像二那样。

Answer 1

您的Request.Browser.ScreenPixelsWidth < 1000可以通过css媒体查询处理，例如：

@media all and (max-width: 1000px) { *content here* }

我还建议不要使用position: absolute（因此否定对整个上/左定位的需要）并让DOM元素自然流动。