HTML5 レスポンシブデザイン Media Queries 外部スタイルシートの読み込み

レスポンシブデザイン「Media Queries」の外部スタイルシートの読み込みの記述。

<link rel="stylesheet" href="style-l.css">//PC用
<link rel="stylesheet" href="style-m.css" media="only screen and (min-width:640px) and (max-width:979px)">//tablet用
<link rel="stylesheet" href="style-s.css" media="only screen and (max-width:639px)">//smart phone用