王麻子 /* 针对移动端的样式调整 */ @media (max-width: 768px) { /* 修正按钮水平排列 */ .ComposerBody-header { display: flex; flex-wrap: wrap; justify-content: center; /* 按钮水平居中 */ gap: 10px; /* 按钮间距 */ align-items: center; /* 垂直居中对齐 */ } .ComposerBody-header > ul { display: flex; flex-wrap: wrap; margin: 0 auto; padding: 0; list-style: none; width: 100%; /* 按钮占满整行 */ justify-content: center; /* 按钮居中 */ } .ComposerBody-header > ul > li { flex: 0 0 auto; /* 保持按钮自适应大小 */ text-align: center; } /* 修复标题跑偏 */ .ComposerBody-header h3 { text-align: center; /* 标题居中 */ margin: 0 auto; width: 100%; } /* 修复文本框位置 */ textarea#textarea { text-align: left; /* 输入文字从左对齐 */ margin: 0 auto; display: block; width: 90%; /* 控制宽度,适配居中 */ } }
alay 这个不是简单的修改css就能解决的问题了, 好像要隐藏掉 item-title item-preview-discussion 是他们2个占据了2个li位置,所以会在前面空出来一些; 怎么写还要研究下
alay 王麻子 /* 主题浏览量显示修正(电脑端和手机端) */ .item-discussion-views { font-size: 14px; position: absolute; width: 65px; right: 0; color: var(--muted-color); text-decoration: none; } @media (max-width: 767px){ .item-discussion-views { font-size: 12px; padding: 2px 6px; position: absolute; right: 58px; top: 35px; background: var(--control-bg); border-radius: var(--border-radius); margin-right: -43px; width: auto; .icon { display:none; } } } 试试