Skip to content

.1602452971339523:7841b4d136582e270f1bc4de1f83dcb5_69eca58f07e58165d706b0cb.69ecaf7b96939c95cd758eb6.69ecaf7be106f08a795a787d:Trae CN.T(2026/4/25 20:11:39)#2

Open
666yuhan666 wants to merge 2 commits intomainfrom
round2-table-code-fix
Open

.1602452971339523:7841b4d136582e270f1bc4de1f83dcb5_69eca58f07e58165d706b0cb.69ecaf7b96939c95cd758eb6.69ecaf7be106f08a795a787d:Trae CN.T(2026/4/25 20:11:39)#2
666yuhan666 wants to merge 2 commits intomainfrom
round2-table-code-fix

Conversation

@666yuhan666
Copy link
Copy Markdown
Owner

问题

github-markdown.css 缺少移动端媒体查询,导致 Table 和 Code Block 在移动端:

  • 字体和 padding 过大,可见内容少
  • 横向滚动体验差(iOS 无惯性滚动)

修复

@media (max-width: 767px) 中添加优化:

Table

  • font-size: 14px (从默认 16px 缩小)
  • th/td padding: 6px 10px (更紧凑)
  • -webkit-overflow-scrolling: touch (惯性滚动)

Code Block

  • font-size: 11px (从 12px 缩小)
  • padding: 12px (从 16px 缩小)
  • -webkit-overflow-scrolling: touch

影响文件

  • github-markdown.css

添加两个移动端布局测试页面(test-mobile-layout.html和test-mobile-layout-improved.html)用于测试不同屏幕尺寸下的显示效果
新增github-markdown-mobile.css样式文件,包含针对移动设备的优化样式
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant