iphone css with only javascript

    

    <link id="css" href="stylesheets/main.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" charset="utf-8">
    (function(){
      var ua = navigator.userAgent;
      if(ua.match("iPhone") || ua.match("Android")){
        document.getElementById("css").href = "stylesheets/mobile.css";
        var meta = document.createElement("META");
        meta.setAttribute('content','width=320; initial-scale=1.0; maximum-scale=2.0;');
        meta.setAttribute('name','viewport');
        var n = document.getElementsByTagName('head')[0];
        n.appendChild(meta);
      }