Wenden Sie verschiedene CSS-basierte auf dem Gerät in asp.net?

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

  •  10-10-2019
  •  | 
  •  

Frage

Ich fange gerade die Grundlagen von ASP.NET zu lernen und begegnet ist ein Problem, das ich weiß nicht, wie zu lösen. Ich bin zu PHP verwendet, und wenn ich eine anderen CSS will basierend auf dem Gerät (Android oder iPhone) verwendet, um meine Webseite zu sehen i so etwas tun würde: 

<?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 } ?>

Aber wie wird dies in asp.net getan? Ich habe keine Ahnung. Thanx für das Hören.

War es hilfreich?

Lösung

Setzen Sie diese auf Ihre ASPX-Seite: 

<% 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\" />

<% } %>

Sie können tun, dass in der Code-Behind es ein bisschen sauberer zu machen.

Ein Vorschlag wäre, den <head> Tag Runat machen = „server“, dann den obigen Code in dem Master-Seite Code ausführt hinter einem anderen Sheet anzuwenden.

HTH.

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top