@bgme 给 header>div.ui.grid.no-print 加上一句 `width: 100%` ,两个问题就都解决了。

(响应式布局什么的,个人感觉用什么框架都不靠谱,总有地方会不符合自己的需求,然后框架的代码魔改起来会更麻烦 😅 )

Follow

@bgme@tiaod 所说,去掉 column 也可以,因为 div.tablet.mobile.only.column 中的 column 类给这个元素加了一些 padding ,导致它里面 fixed menu 的宽度计算错误,设置值为 100% 但是比屏幕宽度多了 14px ,而这个 14px 的来源是 header>div.ui.grid 的负 margin 值 ... 但是为什么对于 100% 的计算会回溯到这个元素上,我就搞不懂了 😅

(复杂的 CSS 框架导致的难以调试的问题的真实案例)

Sign in to participate in the conversation
SN.Angry.Im

The social network of the future: No ads, no corporate surveillance, ethical design, and decentralization! Own your data with Mastodon!