Question

我在ebay, facebook,amazon, etc这样的网站上深入了解并了解用户何时访问他们的网站，他们会检测显示器屏幕分辨率/大小并将其存储在Cookie中并根据屏幕分辨率加载css文件。

如何在asp.net中实现此方案。根据分辨率的变化，我有一个响应式布局和using media queries。

但现在我想修复用户首先检测他们的屏幕分辨率，并仅根据该结果加载css文件。

任何建议!!

<link rel="stylesheet" type="text/css" href="main.css" />
<link id="size-stylesheet" rel="stylesheet" type="text/css" href="mobile.css" />

Answer 1

您可以使用流动的代码。

您必须将此JavaScript放入<head>标记。

$(function () 
  {
    var ScrnHeight = $(window).height();
    var ScrnWidth = $(window).width();

    if (ScrnWidth <= 360) { // for mobile view
        $("<link/>", {
            rel: "stylesheet",
            type: "text/css",
            href: "/styles/mobile.css"
        }).appendTo("head");
    }
    else { // for desktop view 
        $("<link/>", {
            rel: "stylesheet",
            type: "text/css",
            href: "/styles/main.css"
        }).appendTo("head");
    }
});

如何在asp.net中根据屏幕大小加载唯一的css文件？

1 个答案: