title: finding if the current working browser is safari via css or javascript
body: <p>I researched on identifying, if the browser is Safari or not.
  In <code>javascript</code> :  <code>window.devicePixelRatio</code> object gives '1' for both chrome and safari
  In <code>CSS</code> : </p>
  
  <pre><code>@media screen and (-webkit-min-device-pixel-ratio:0){
      #yourdiv{
          margin-left:0;
  
      }
  } 
  </code></pre>
  
  <p>It works for both chrome and safari. But I didn't find css or javascript hack for safari browser only (shouldn't work for any other browser). Can any body help me out.</p>
  
  <p>I am using the safari brower: 
       navigator.useragent = <code>Mozilla/5.0 (Windows; U; Windows NT 5.2; en-US) AppleWebKit/533.16 (KHTML, like Gecko) Version/5.0 Safari/533.16</code> </p>