ASP.NETのデバイスに基づいて異なるCSSを適用しますか？

StackOverflow https://stackoverflow.com/questions/4459022

  •  10-10-2019
  •  | 
  •  

質問

私はASP.NETの基本を学び始めたばかりで、解決する方法がわからない問題に遭遇しました。私はPHPに慣れていて、デバイス（AndroidまたはiPhone）に基づいて別のCSSが必要な場合は、私のウェブサイトを閲覧していました。

<?php
#Check device used
$agent = $_SERVER['HTTP_USER_AGENT'];

if( strstr($agent, "Android") or strstr($agent, "iPhone") )
{
    echo("\t\t<link rel=\"stylesheet\" type=\"text/css\" media=\"screen\" href=\"handheld.css\" />\n");
    }
    else
    {
?>
        <link href="styles.css" rel="stylesheet" media="screen" type="text/css" />
<?php } ?>

しかし、これはASP.NETでどのように行われていますか？私は見当もつかない。聞いてくれてありがとう。

役に立ちましたか？

解決

これをASPXページに置いてください：

<% if(Request.UserAgent.contains("Android") { %>

   <link rel=\"stylesheet\" type=\"text/css\" media=\"screen\" href=\"handheld.css\" />

<% } else { %>

   <link rel=\"stylesheet\" type=\"text/css\" media=\"screen\" href=\"regular.css\" />

<% } %>

コードビハインドでそれを行うために、それを少しきれいにすることができます。

提案は、それを作ることです <head> タグrunat = "server"、次に、上記のコードを背後にあるマスターページコードで実行して、別のスタイルシートを適用します。

Hth。

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top