@media only screen and (max-width : 1200px) { //小班滚动 .right-wrap{ .scroll-board-wrap{ width: 320px; padding: 0; .scroll-board-01{ padding: 0; } .scroll-board-tool{ .inner{ left: 0; right: 0; } } } } //导航 .nav-wrap { .nav-item { line-height: 1.2; font-size: 15px; &:not(:first-of-type) { margin-top: 0.8vh; } padding: 1.1vh 24px; } } //小班搜索 .xiaoban{ width: 320px; .el-input .el-input__inner{ font-size: 16px; } .title{ font-size: 16px; } } .ntitle{ margin-bottom: 5px; } } // 苹果笔记本 // @media // only screen and (-webkit-min-device-pixel-ratio: 2.0), // only screen and ( min--moz-device-pixel-ratio: 2.0), // only screen and ( -o-min-device-pixel-ratio: 2.0/1), // only screen and ( min-device-pixel-ratio: 2.0), // only screen and ( min-resolution: 227dpi), // only screen and ( min-resolution: 2.0dppx) { // /* Retina styles here */ // } @media only screen and (max-height:900px) { //小班滚动 .right-wrap{ .scroll-board-wrap{ width: 25vw; // padding: 0; // .scroll-board-01{ // padding: 0; // } // .scroll-board-tool{ // .inner{ // left: 0; // right: 0; // } // } } } //导航 .nav-wrap { .nav-item { line-height: 1.2; font-size: 18px; &:not(:first-of-type) { margin-top: 1vh; } padding: 1.5vh 24px; } } //小班搜索 .xiaoban{ width: 25vw; .el-input .el-input__inner{ font-size: 16px; } .title{ font-size: 16px; } } .ntitle{ margin-bottom: 15px; } .addr{ margin-bottom: 15px; } } @media only screen and (min-height : 768px) and (max-width : 1024px) { .left-wrap{ left: calc(1vw + 1em + 48px + 10px); } .right-wrap{ .scroll-board-wrap{ width: 320px; // padding: 0; // .scroll-board-01{ // padding: 0; // } .scroll-board-tool{ .inner{ left: 0; right: 0; } } } } //导航 .nav-wrap { .nav-item { line-height: 1.2; font-size: 16px; &:not(:first-of-type) { margin-top: 1vh; } padding: 1.2vh 24px; } } //小班搜索 .xiaoban{ width: 320px; .el-input .el-input__inner{ font-size: 16px; } .title{ font-size: 16px; } } .ntitle{ margin-bottom: 15px; } .addr{ margin-bottom: 15px; } }