【问题标题】:Bootstrap 3: horizontal scrollbar on iPhone after form focusBootstrap 3:表单焦点后iPhone上的水平滚动条
【发布时间】:2013-09-29 05:20:29
【问题描述】:

在 Bootstrap 3 中,fluid grid causing a horizontal scrollbar to appear on small devices 似乎存在问题。我的问题不一样...

我没有得到任何滚动条,除非我单击文本输入。在 iPhone 上,当前字段会自动缩放。这没问题(我猜),但是离开现场后,缩放并没有被移除,所以内容被剪裁了,并且有一个丑陋的水平滚动条。

有没有办法防止缩放?或者也许告诉移动 Safari 将缩放设置回原来的样子?

【问题讨论】:

标签: ios css twitter-bootstrap mobile-safari twitter-bootstrap-3


【解决方案1】:

首先:您可以创建流体响应表格。但你不需要它。如果您不提供<table> class="responsive",则不会出现水平滚动条。

如果您想在小型设备上禁用缩放,请使用:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

希望,它会有所帮助:)

【讨论】:

  • 元视口设置应该是所有移动设备的默认设置-_-
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2014-11-06
  • 1970-01-01
  • 1970-01-01
  • 2011-02-11
  • 1970-01-01
  • 2013-10-20
  • 2023-03-03
相关资源
最近更新 更多