@media (max-width: 768px) {
    /* 当视窗宽度小于或等于768px时应用的样式 */
    body {
        font-size: 14px;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    /* 针对平板等中等尺寸屏幕的样式 */
}

@media (max-width: 480px) {
    /* 特别针对手机的小屏幕进行优化 */
}