media-query

/* Desktops and laptops ----------- */
@media only screen and (min-width:1224px) { }

/* Large screens ----------- */
@media only screen and (min-width:1824px) { }

/* old Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width:320px) and (max-device-width:480px) {

/*	html { font-size: 35%; }
	#recordName { width: 60px; }*/ }

/* old Smartphones (landscape) ----------- */
@media only screen and (min-width:321px) { }

/* old Smartphones (portrait) ----------- */
@media only screen and (max-width:320px) {

/*	html { font-size: 35%; }
	#recordName { width: 60px; }*/ }

/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {

　　/*html { font-size: 40%; }
　　#recordName { width: 60px; }
　　#recordNumber { width: 100px; }*/}
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width:768px) and (max-device-width:1024px) { }

/* iPads (landscape) ----------- */
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) { }

/* Android Tablet (portrait and landscape) ----------- */
@media only screen and (min-device-width:800px) and (max-device-width:1280px) {

　　/* Styles */}

/* Android Tablet (landscape) ----------- */
@media only screen and (min-device-width:800px) and (max-device-width:1280px) and (orientation:landscape) {

　　/* Styles */ }

/* Android Tablet (portrait) ----------- */
@media only screen and (min-device-width:800px) and (max-device-width:1280px) and (orientation:portrait) {

　　/* Styles */ }

/* Desire + Galaxy S2 (portrait and landscape) ----------- */
@media only screen and (min-device-width:480px) and (max-device-width:800px) {

　　/* Styles */ }

/* Desire + Galaxy S2 (landscape) ----------- */
@media only screen and (min-device-width:480px) and (max-device-width:800px) and (orientation:landscape) {

　　/* Styles */ }

/* Desire + Galaxy S2 (portrait) ----------- */
@media only screen and (min-device-width:480px) and (max-device-width:800px) and (orientation:portrait) {

　　/* Styles */ }