css - モバイル CSS が読み込まれない。私のコードは正しいですか？

Question

モバイル サイト用に別の CSS ファイルを作成しようとしています。通常のサイトはもともとモバイルを念頭に置いて構築されたものではありませんでしたが、現在、サイトにはモバイル機能が必要です。問題は、モバイル css ファイルを電話デバイスにロードできないことです。Droid Razor で 2 つの別々のブラウザーで試してみました。また、これを使用してエミュレートしようとしました: http://www.mobilephoneemulator.com/。

どちらの方法でもモバイル CSS ファイルをロードできません。理由はわかりません。いくつかの div とすべての画像を display:none; に設定しました。機能しているかどうかを確認するだけですが、結果が得られません。どんな助けでも大歓迎です。

以下はcssファイルへの私のリンクです。

<link href="/stylesheets/css_Sanford.css" rel="stylesheet" type="text/css" media="only screen and (min-device-width: 481px" />
<link rel="stylesheet" type="text/css" href="/stylesheets/content-sanford.css" media="only screen and (min-device-width: 481px" />
<link rel="stylesheet" href="/stylesheets/mobile-sanford.css" media="only screen and (max-device-width: 480px)" />

これはモバイル CSS ファイル コードです。

@charset "utf-8";
/* CSS Document */

#sliderFrame{
display:none;   
}

#slider{
display:none;   
}

img {
dipslay:none;   
}

div#player{
display:none;   
}