fix mobile device appearances
This commit is contained in:
parent
cb036d59b0
commit
7d4fcb8afa
15
index.html
15
index.html
@ -236,7 +236,6 @@
|
|||||||
width: calc(100% - 200px); /* 总宽度减去图片容器宽度和间距 */
|
width: calc(100% - 200px); /* 总宽度减去图片容器宽度和间距 */
|
||||||
margin-right: 15px; /* 右侧间距 */
|
margin-right: 15px; /* 右侧间距 */
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
||||||
}
|
}
|
||||||
.logo-image {
|
.logo-image {
|
||||||
margin-right: 20px;
|
margin-right: 20px;
|
||||||
@ -258,8 +257,10 @@
|
|||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
.text-container h3 {
|
.text-container h3 {
|
||||||
margin-top: 0px; /* Adjust this value as needed to reduce the space */
|
margin-top: 0px; /* 调整此值以减少空间 */
|
||||||
font-size: 28px; /* Example font size, adjust as needed */
|
font-size: 28px; /* 示例字体大小,根据需要调整 */
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.text-container p {
|
.text-container p {
|
||||||
@ -302,7 +303,7 @@
|
|||||||
.dark .my-button {
|
.dark .my-button {
|
||||||
background-color: #73767a;
|
background-color: #73767a;
|
||||||
color: white;
|
color: white;
|
||||||
box-shadow: 0 4px 8px #73767a; /* Darker shadow in dark mode */
|
box-shadow: 0 4px 8px #73767a; /* 暗黑模式下的更暗阴影 */
|
||||||
}
|
}
|
||||||
.dark .my-button:hover {
|
.dark .my-button:hover {
|
||||||
background-color: #161b21;
|
background-color: #161b21;
|
||||||
@ -313,7 +314,11 @@
|
|||||||
.centered-text {
|
.centered-text {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
/* 让特定容器的文本居中 */
|
@media (max-width: 768px) {
|
||||||
|
.logo-image {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user