nyzy_vue/public/gateway/media.less

111 lines
2.7 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

//假设手机设置为10等分html的字体大小等于屏幕大小除以10
@no:30;
html {
font-size: 16px;
}
// 我们此次定义的划分的份数 为 15
@media screen{
// 320
@media (min-width: 320px) {
@fonSize: 320px / @no; //32px
html,body,#app,.el-tabs__item,.el-table,.el-divider__text {
font-size: @fonSize !important;
}
}
// 360
@media (min-width: 360px) {
@fonSize: 360px / @no; //32px
html,body,#app,.el-tabs__item,.el-table,.el-divider__text {
font-size: @fonSize !important;
}
}
// 375 iphone 678
@media (min-width: 375px) {
@fonSize: 375px / @no; //32px
html,body,#app,.el-tabs__item,.el-table,.el-divider__text {
font-size: @fonSize !important;
}
}
// 384
@media (min-width: 384px) {
@fonSize: 384px / @no; //32px
html,body,#app,.el-tabs__item,.el-table,.el-divider__text {
font-size: @fonSize !important;
}
}
// 400
@media (min-width: 400px) {
@fonSize: 400px / @no; //32px
html,body,#app,.el-tabs__item,.el-table,.el-divider__text {
font-size: @fonSize !important;
}
}
// 414
@media (min-width: 414px) {
@fonSize: 414px / @no; //32px
html,body,#app,.el-tabs__item,.el-table,.el-divider__text {
font-size: @fonSize !important;
}
}
// 424
@media (min-width: 424px) {
@fonSize: 424px / @no; //32px
html,body,#app,.el-tabs__item,.el-table,.el-divider__text {
font-size: @fonSize !important;
}
}
// 480
@media (min-width: 480px) {
@fonSize: 480px / @no; //32px
html,body,#app,.el-tabs__item,.el-table,.el-divider__text {
font-size: @fonSize !important;
}
}
// 540
@media (min-width: 540px) {
@fonSize: 540px / @no; //32px
html,body,#app,.el-tabs__item,.el-table,.el-divider__text {
font-size: @fonSize !important;
}
}
// 720
@media (min-width: 720px) {
@fonSize: 720px / @no; //32px
html,body,#app,.el-tabs__item,.el-table,.el-divider__text {
font-size: @fonSize !important;
}
}
// 750
@media (min-width: 750px) {
@fonSize: 750px / @no; //32px
html,body,#app,.el-tabs__item,.el-table,.el-divider__text {
font-size: @fonSize !important;
}
}
// @media (min-width: 320px) {
// @fonSize: 320px / @no; //32px
// html,body,#app,.el-tabs__item,.el-table {
// font-size: @fonSize !important;
// }
// }
// @media (min-width: 375px) {
// @fonSize: 375px / @no; //37.5px
// html,body,#app,.el-tabs__item,.el-table {
// font-size: @fonSize !important;
// }
// }
// @media (min-width: 750px) {
// @fonSize: 750px / @no; //75px
// html,body,#app,.el-tabs__item,.el-table {
// font-size: @fonSize !important;
// }
// }
}