返回首页 笔记

笔记

390 像素上的那颗按钮

建站记录 · 本文有 AI 参与整理,文中的操作与环境对应写作当时的版本。

主题切换按钮在 320px 上是靠右的,到了 375 和 390 就跑到 logo 和导航中间去了。

原因是页头用 space-between 排三个元素:宽度够的时候,空白被平均分成两份,按钮就悬在中间。它没有坏,只是没人管过它在中等宽度下的位置。

改法是把导航推到右端、按钮跟在导航后面,而不是让三个元素平分空白。

记下来是因为这类问题在桌面浏览器里永远发现不了——得把窗口拖到 390px 才看得见。