【问题标题】:Bootstrap problems when resizing my browser调整浏览器大小时的引导问题
【发布时间】:2017-07-05 16:44:41
【问题描述】:

我在使用 Bootstrap 完成的模板中发现了一些问题,我几乎疯狂地发现这种奇怪行为发生了什么。当我调整浏览器大小时,你能帮我使这个网站与手机中看到的完全一样吗?我觉得我缺少什么……

该网站是http://www.joanraga.com/blog,当您在移动浏览器中打开它时,它非常适合,响应迅速且良好。当您在计算机浏览器中打开它时,它也是如此,但是当您调整浏览器的大小时,它看起来就像有人欺骗了我的 CSS。如果您在 Firefox 上使用自适应视图,它也能很好地显示。

我将在这里发布一些关于它应该如何被看到的图片:

平板模式,不错

手机模式,不错

调整大小的浏览器,全部 f&%$*d

【问题讨论】:

  • 检查您的页面,您似乎已将最小宽度定义为 992 px,这就是您看到这种行为的原因:@media (min-device-width: 992px)
  • @GenaroMorales 你说得对。我使用了 min-device-width ,而我不得不使用 min-width 。谢谢!
  • 不客气,让我把它作为一个回答来让你结束这个问题。问候。

标签: twitter-bootstrap responsive-design


【解决方案1】:

检查您的页面,您似乎已将最小宽度定义为 992 像素,这就是您看到这种行为的原因:@media (min-device-width: 992px) 请改用最小宽度。

【讨论】:

  • 你说的很对,我没有看到我在那个媒体查询中有一个固定的宽度!谢谢!
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2010-10-26
  • 1970-01-01
  • 2019-06-24
  • 2013-04-28
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多