CSS/media-query

デバイスの画面サイズを判定する記述
@media screen and (min-width:480px) { 
	/*　画面サイズが480px以下の場合、ここのスタイルを読み込む　*/
}
@media screen and (min-width:768px) and ( max-width:1024px) {
	/*　画面サイズが768px～1024pxの間は、ここのスタイルを読み込む　*/
}
@media screen and (min-width:1024px) {
	/*　画面サイズが1024px以上の場合、ここのスタイルを読み込む　*/
}

デバイスの向きを判定する記述
/*縦向きの場合*/
@media screen and (orientation:portrait){
}
/*横向きの場合*/
@media screen and (orientation:landscape){
}

外部リンク用
link rel="stylesheet" href="../tiny.css" media="screen and (max-width: 320px)">
link rel="stylesheet" href="../small.css" media="screen and (min-width:320px) and (max-width:480px)">
link rel="stylesheet" href="../medium.css" media="screen and (min-width:480px) and (max-width:1024px)">
link rel="stylesheet" href="../large.css" media="screen and (min-width:1024px)">