Compare commits
4 Commits
8a819b84b6
...
4393c0e0e8
Author | SHA1 | Date | |
---|---|---|---|
4393c0e0e8 | |||
42177846e8 | |||
c5b5de7a78 | |||
0884159dd7 |
Binary file not shown.
@ -94,8 +94,11 @@ $buttonHeight: $buttonH * 1px;
|
|||||||
display: flex;
|
display: flex;
|
||||||
|
|
||||||
.pic {
|
.pic {
|
||||||
|
flex: 3;
|
||||||
|
width: 1px;
|
||||||
|
min-width: 800px;
|
||||||
// 元素
|
// 元素
|
||||||
width: $picWidth;
|
// width: $picWidth;
|
||||||
height: $picHeight;
|
height: $picHeight;
|
||||||
background-image: url($picImage);
|
background-image: url($picImage);
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
@ -116,7 +119,8 @@ $buttonHeight: $buttonH * 1px;
|
|||||||
.field {
|
.field {
|
||||||
position: relative;
|
position: relative;
|
||||||
margin-top: 8%;
|
margin-top: 8%;
|
||||||
flex: 1;
|
flex: 2;
|
||||||
|
// width: 800px;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
@ -170,7 +174,7 @@ $buttonHeight: $buttonH * 1px;
|
|||||||
}
|
}
|
||||||
|
|
||||||
.form {
|
.form {
|
||||||
margin-top: 32px;
|
margin-top: 0;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
// width: $formWidth;
|
// width: $formWidth;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@ -307,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