【问题标题】:Cannot set device width properly, something is sticking out无法正确设置设备宽度,有东西伸出
【发布时间】:2020-10-31 01:10:26
【问题描述】:

我正在我的网站上进行响应式设计,但我对网站的宽度有疑问。当您在移动设备上加载它时(我使用 iPhone 7),右侧有一个空白区域,还有一个小的水平滚动条。当我通过开发人员工具在我的笔记本上打开它时,我试图找到我无法找到的宽元素。它就像在 HTML 元素之外。

iP7 的屏幕宽度也应该是 375px,即使我将 HTML/body 最大宽度设置为 100% / 100vw,我也可以看到它的 380px 宽。

这里是网站链接: http://mathiashandle.infinityfreeapp.com/

【问题讨论】:

    标签: html css responsive-design


    【解决方案1】:

    试试这些 CSS 代码:

    *{
       overflow: hidden;
    }
    

    【讨论】:

      【解决方案2】:

      NVM,在发布这个问题大约 2 分钟后,我找到了它 -_- ....

      解决方案:

      .about-col-info{
          box-sizing: border-box;
      }
      

      【讨论】:

        猜你喜欢
        • 2018-12-07
        • 1970-01-01
        • 1970-01-01
        • 2019-03-08
        • 1970-01-01
        • 2014-04-09
        • 1970-01-01
        • 2015-03-15
        • 2023-02-08
        相关资源
        最近更新 更多