projects/mes-test #133
@ -94,7 +94,7 @@ $buttonHeight: $buttonH * 1px;
|
|||||||
display: flex;
|
display: flex;
|
||||||
|
|
||||||
.pic {
|
.pic {
|
||||||
flex: 1;
|
flex: 3;
|
||||||
width: 1px;
|
width: 1px;
|
||||||
min-width: 800px;
|
min-width: 800px;
|
||||||
// 元素
|
// 元素
|
||||||
@ -119,8 +119,8 @@ $buttonHeight: $buttonH * 1px;
|
|||||||
.field {
|
.field {
|
||||||
position: relative;
|
position: relative;
|
||||||
margin-top: 8%;
|
margin-top: 8%;
|
||||||
// flex: 1;
|
flex: 2;
|
||||||
width: 800px;
|
// width: 800px;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
@ -311,6 +311,19 @@ $buttonHeight: $buttonH * 1px;
|
|||||||
}
|
}
|
||||||
|
|
||||||
// - - - - - PC 最小尺寸设置
|
// - - - - - PC 最小尺寸设置
|
||||||
|
@media screen and (min-width: 1920px) {
|
||||||
|
.container {
|
||||||
|
.content {
|
||||||
|
|
||||||
|
.field {
|
||||||
|
flex: initial;
|
||||||
|
width: 800px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
@media screen and (min-width: 599px) and (max-width: 1366px) {
|
@media screen and (min-width: 599px) and (max-width: 1366px) {
|
||||||
.container {
|
.container {
|
||||||
min-width: 599px;
|
min-width: 599px;
|
||||||
|
Loading…
Reference in New Issue
Block a user