iOS上的页面冻结加载查询

Question

I have a client site that has two specific CSS and JS files, one for desktops and one for iOS devices:

<?php if(strstr($_SERVER['HTTP_USER_AGENT'],'iPhone') || strstr($_SERVER['HTTP_USER_AGENT'],'iPod') || strstr($_SERVER['HTTP_USER_AGENT'],'iPad')) 
    {
        echo '<link rel="stylesheet" type="text/css" href="http://example.com/style.mobile.css" />
        <script type="text/javascript" href="http://example.com/js/scripts.mobile.js"></script>';
    }else{
        echo '<link rel="stylesheet" type="text/css" href="http://example.com/style.css" />
        <script type="text/javascript" href="http://example.com/js/scripts.js"></script>';
    } 
?>

If I load either CSS/JS set, the site works just as it should. If I add this IF statement, the site hangs and never loads.

Even more puzzling, is that I'm using the exact same IF statement to load different elements on the same page and it works just as it should. Is there something about using it in the header, or with JS that I'm unaware of?

Or, is there a better, more bulletproof way to go about this?

Thanks,

ty

Answer 1

Swapnesh's suggestion actually worked. I'd really like to understand why.