/* 针对ie10的特殊样式 */
@-ms-viewport {
    width: device-width;
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
    padding: 0;
    font-family: arial, sans-serif;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
}

/* 媒体查询，针对不同屏幕宽度设置样式 */
@media screen and (max-width: 768px) {
    body {
        font-size: 14px;
    }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
    body {
        font-size: 16px;
    }
}