|
@@ -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; |
|
|
|
|
|
width: 800px; |
|
|
|
|
|
|
|
|
flex: 2; |
|
|
|
|
|
// 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; |
|
|