/* 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 */ }
时间: 2024-10-27 12:11:53