优化帖子内容页布局与移动端适配 #81
Open
优化帖子内容页布局与移动端适配 #81
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
优化了文章正文页面的视觉层级和阅读体验，显著提升移动端和窄屏下的适配性。 - 新增并引入专用 CSS 文件，统一正文内容的最大宽度、段落样式、字号与间距，增强一致性和可阅读性。 - 调整排版与布局规则，侧边栏仅桌面端显示，移动端折叠，减少杂项元素对首屏阅读干扰。 - 响应式处理图片、表格、代码块，确保小屏不截断并可横向滚动。 - 暗/亮主题均适配新的布局与排版，WCAG 对比度和焦点态更明确。 - 增加 viewport 设置，提升 Lighthouse 移动端得分潜力。 此更新使内容结构更清晰，移动端体验更佳，不破坏现有主题及 SEO。
|
The latest updates on your projects. Learn more about Vercel for GitHub.
💡 Enable Vercel Agent with $100 free credit for automated AI reviews |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Summary
优化了帖子内容页的布局排版，实现更好的移动端适配并提升正文阅读体验。主要通过结构梳理、CSS变量管理和响应式细节处理，使桌面与移动端均表现友好、一致。
Details
post-content.css，统一正文最大宽度、字体、间距、主题暗亮适配。