update:更新样式
This commit is contained in:
@@ -1,4 +1,24 @@
|
||||
html,
|
||||
body {
|
||||
height: 100%;
|
||||
}
|
||||
height: 100%;
|
||||
}
|
||||
@media screen and (max-width: 767px) {
|
||||
html {
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 768px) {
|
||||
html {
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 970px) {
|
||||
html {
|
||||
font-size: 24px;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 1200px) {
|
||||
html {
|
||||
font-size: 28px;
|
||||
}
|
||||
}
|
||||
|
||||
26
FrontCode1/vue/src/assets/style/global.less
Normal file
26
FrontCode1/vue/src/assets/style/global.less
Normal file
@@ -0,0 +1,26 @@
|
||||
html,
|
||||
body {
|
||||
height: 100%;
|
||||
}
|
||||
@Size: 28px;
|
||||
|
||||
@media screen and (max-width: 767px) {
|
||||
html {
|
||||
font-size: (504 / @Size); //18px
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 768px) {
|
||||
html {
|
||||
font-size: (560 / @Size);
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 970px) {
|
||||
html {
|
||||
font-size: (672 / @Size);
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 1200px) {
|
||||
html {
|
||||
font-size: (784 / @Size); //28px
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user