響應式樣式
阿新 • • 發佈:2018-11-08
/* ##PC ##1281px或更高解析度 */ @media (min-width: 1281px) { } /* ##筆記本或PC ##1025px - 1280px */ @media (min-width: 1025px) and (max-width: 1280px) { //CSS } /* ##平板電腦/Ipad豎屏 ##768px - 1024px */ @media (min-width: 768px) and (max-width: 1024px) { //CSS } /* ##平板電腦或Ipad橫屏 ##768px - 1024px */ @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { //CSS } /* ##低解析度的平板電腦或橫屏的手機 ##481px - 767px */ @media (min-width: 481px) and (max-width: 767px) { //CSS } /* ##多數豎屏的智慧手機 ##320px - 479px */ @media (min-width: 320px) and (max-width: 480px) { //CSS }