在Razor Mvc的_layout母版页面中动态设置css文件名

Question

我有一个css文件引用在我的_layout.cshtml

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

有两个不同的版本(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中使用condition @if。不记得调用强制转换函数

请求。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" />
}