在我的MVC网站中,我在哪里以及如何为不同的浏览器调用不同的CSS?

Pom*_*ter 5 css c# asp.net-mvc

我正在开发一个网站,并注意到它并没有在所有浏览器上正确预制.

我想为每个浏览器创建一个不同的CSS样式表,主要是IE.

我的问题在于如何使用不同的浏览器调用不同的样式表.

我也无法找到在我的MVC网站中调用主site.css的位置,如果有人可以告诉我在MVC网站中调用site.css的位置会很棒.

那么我在哪里以及如何为MVC网站中的不同浏览器调用不同的样式表?

rob*_*sta 4

在 ASP .NET MVC 中使用特定于浏览器的样式表没有什么不同。您放置该if语句并指向样式表。在这里查看更多。您可以将样式表语句放在文件夹_Layout.cshtml中的文件中Views\Shared

在 ASP .NET MVC 中,样式表位于该Content文件夹中。

ASP .NET MVC 4 使用 Minification 和 Bundling。查看App_Start文件夹内部,您将看到一个 BundleConfig.cs 文件,在里面,您将看到bundles包含 css 和 javascript 的文件。在该_layout.cshtl文件中,您将看到引用这些的代码bundles,类似于@Styles.Render("~/Content/css").

“那么在 MVC 网站中,我在哪里以及如何为不同的浏览器调用不同的样式表呢?”

在包含标签的布局<head>文件中。像这样:

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>@ViewBag.Title - My ASP.NET MVC Application</title>
        <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
        <meta name="viewport" content="width=device-width" />
        @Styles.Render("~/Content/css")
        @Scripts.Render("~/bundles/modernizr")
        <!--[if IE]>
        <link rel="stylesheet" type="text/css" href="iespecific.css" />
        <![endif]-->

    </head>
    ....
Run Code Online (Sandbox Code Playgroud)