首页 新闻 会员 周边

css: 如何排查移动端适配时的横向滚动问题

0
悬赏园豆:30 [已解决问题] 解决于 2023-08-05 16:12

在实现 cnblogs.vip 首页的移动端适配时遇到的问题?请问如何定位是哪个 box 引起的横向滚动?

css
dudu的主页 dudu | 高人七级 | 园豆:30943
提问于:2023-08-05 14:05
< >
分享
最佳答案
0

How to prevent overflow scrolling in CSS 学到一招,给所有 box 加上红色边框,这样就很容易看出哪些 box 溢出了。

* {
  outline: 1px solid red;
}

最终发现问题与通过百分比设置宽度有关,改为通过 margin-left 与 margin-right 控制宽度就解决了。

对于 flex box,可以通过 margin-right: auto 让其居左。

dudu | 高人七级 |园豆:30943 | 2023-08-05 16:11
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册