asp.net-mvc - 在 Razor Mvc 的 _layout 母版页中动态设置 css 文件名

Question

我的 _layout.cshtml 中引用了一个 css 文件

<link rel="stylesheet" type="text/css" href="//css/styles-640.css" />

有 2 个不同版本（640 和 720）用于以不同大小显示页面

大小是查询字符串中的一个值

如何从查询字符串中读取值并将其动态注入到 .css 文件的文件名中？

这是在母版页 (_layout.cshtml) 中，它显然有很多不同的 ViewModel，具体取决于正在呈现的视图

Answer 1

@if(Request["size"] == 640) {
    <link rel="stylesheet" type="text/css" href="//css/styles-640.css" />
} else {
    <link rel="stylesheet" type="text/css" href="//css/styles-720.css" />
}

Answer 2

这很简单，在_layout.cshtml 中使用条件@if。不记得调用强制转换函数。

Request.QueryString["big"] 和 Request["big"] 是一样的

@if (Request.QueryString["big"].AsBool()==true)
{
    <link rel="stylesheet" type="text/css" href="//css/styles-720.css" />

}
else
{
    <link rel="stylesheet" type="text/css" href="//css/styles-640.css" />
}