Cx330/DreamLife_ToolBox
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

处理移动端显示问题

Browse Source
This commit is contained in:
张梦南 2025-03-26 14:09:25 +08:00
parent d4d5f21984
commit 66b2ae70eb
4 changed files with 10 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
css/body.css
View File

@ -1,5 +1,7 @@
/* 基本样式重置 */ /* 基本样式重置 */
body, html { body, html {
margin: 0;
padding: 0;
font-family: Arial, sans-serif; /* 默认字体 */ font-family: Arial, sans-serif; /* 默认字体 */
background-color:#f4f4f4; background-color:#f4f4f4;
} }

4
css/footer.css
View File

@ -2,10 +2,14 @@
footer { footer {
background-color: rgba(51, 51, 51, 0.5); /* 半透明背景 */ background-color: rgba(51, 51, 51, 0.5); /* 半透明背景 */
color: white; color: white;
padding: 0px;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
position: fixed; position: fixed;
left: 0;
right: 0;
bottom: 0;
font-size: 14px; font-size: 14px;
max-height: 30px; max-height: 30px;
z-index: 2000; z-index: 2000;

2
css/max_width.css
View File

@ -44,6 +44,8 @@
/* 小屏幕时主内容区 */ /* 小屏幕时主内容区 */
.main-content { .main-content {
margin-left: 0px; /* 小屏幕时移除左边距 */
margin-right: 0px; /* 小屏幕时右边距减小 */
margin-top: 80px; /* 小屏幕时稍微减小上边距 */ margin-top: 80px; /* 小屏幕时稍微减小上边距 */
} }

2
css/sidebar.css
View File

@ -2,6 +2,7 @@
.sidebar { .sidebar {
position: fixed; position: fixed;
top: -30px; top: -30px;
left: 0;
width: 250px; width: 250px;
bottom: 24px; bottom: 24px;
background-color: #f4f4f4; background-color: #f4f4f4;
@ -16,6 +17,7 @@
.logo { .logo {
font-family: 'Pacifico', cursive; /* 使用本地字体 Pacifico */ font-family: 'Pacifico', cursive; /* 使用本地字体 Pacifico */
margin: 0;
padding-top: 48px; padding-top: 48px;
text-align: center; text-align: center;
display: flex; display: flex;