/* Generic */ @media screen and (orientation: landscape) { * { font-size: 13pt; } } @media screen and (orientation: portrait) { * { font-size: 26pt; } } /* Smartphones (portrait and landscape) */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px){ * { font-size: 26pt; } } /* Smartphones (landscape) */ @media only screen and (min-width : 321px){ * { font-size: 13pt; } } /* Smartphones (portrait) */ @media only screen and (max-width : 320px){ * { font-size: 26pt; } } /* iPads (portrait and landscape) */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px){ * { font-size: 13pt; } } /* iPads (landscape) */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape){ * { font-size: 10pt; } } /* iPads (portrait) */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait){ * { font-size: 13pt; } } /* iPad 3 */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2){ * { font-size: 10pt; } } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2){ * { font-size: 13pt; } } /* Desktops and laptops */ @media only screen and (min-width : 1224px){ * { font-size: 13pt; } } /* Large screens */ @media only screen and (min-width : 1824px){ * { font-size: 13pt; } } /* iPhone 4 */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2){ * { font-size: 13pt; } } @media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2){ * { font-size: 26pt; } } /* iPhone 5 */ @media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){ * { font-size: 13pt; } } @media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){ * { font-size: 26pt; } } /* iPhone 6 */ @media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){ * { font-size: 13pt; } } @media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){ * { font-size: 26pt; } } /* iPhone 6+ */ @media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){ * { font-size: 13pt; } } @media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){ * { font-size: 26pt; } } /* Samsung Galaxy S3 */ @media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){ * { font-size: 13pt; } } @media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){ * { font-size: 26pt; } } /* Samsung Galaxy S4 */ @media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){ * { font-size: 13pt; } } @media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){ * { font-size: 26pt; } } /* Samsung Galaxy S5 */ @media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){ * { font-size: 13pt; } } @media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){ * { font-size: 26pt; } }