【问题标题】:Unwanted white space to the right on Mobile devices [closed]移动设备右侧不需要的空白区域[关闭]
【发布时间】:2016-06-06 03:54:24
【问题描述】:

我正在学习开发一个名为icoined.com 的网站,现在我遇到了一个问题,即手机屏幕右侧出现多余的空白区域,我不知道是什么原因造成的。我是新手,所以请 ELI5。谢谢。

【问题讨论】:

  • 发布您的 CSS。据我所知,您的网站在第一次加载时看起来很棒。当屏幕打开横向,然后回到纵向时,就会出现问题。你的问题肯定在你的@media screen and (orientation:portrait) 部分。
  • 在控制台(在电脑上),你有一个可能相关的错误:Failed to parse SourceMap: http://icoined.com/assets/css/bootstrap.css.map

标签: html css twitter-bootstrap mobile


【解决方案1】:
  1. img-responsive 类添加到源为assets/img/ico.png 的图像中。
  2. 另外,在我的测试中,我将您的引导程序版本替换为:

    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> 
    

    而且它运行良好(您可以在 bin 中看到它 - 您可以尝试使用或不使用您的 CSS 来运行它,这在该 bin 中的注释中)。

【讨论】:

  • 容器padding-right 也影响布局还有一件事。
  • @ŞivāSankĂr 我在他的代码中看不到那个类 (.padding-right)。
  • 非常感谢,成功了!
  • 现在我遇到了另一个问题。还有一点空白,我认为是导航栏造成的?而且 ipad 上的文字不对齐
  • 这是一项艰巨的工作,兄弟,您需要尝试并失败,直到找到为止。抱歉,我没时间为你做这件事..
猜你喜欢
  • 1970-01-01
  • 2018-02-11
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-05-03
  • 2015-06-27
相关资源
最近更新 更多