相关疑难解决方法(0)

移动设备上的Bootstrap字体缩放太小

我花了很多时间和基金会一起工作,而没有多少时间使用Bootstrap.我在Bootstrap中遇到了一个我不理解的响应问题,因为这似乎在Foundation中有效.问题是,虽然网格响应能力按预期工作,但我的字体缩小到很小,以至于在移动设备上几乎难以辨认.请注意,在我下面的示例中,我将字体大小设置为14px,但在移动设备上,这变得非常小.您可以点击Chrome开发工具中的移动按钮来查看此信息.

重现这个的html非常简单,这里有一个jsbin:http://jsbin.com/lumepumufu/1/

这是html:

<html>
  <head>
    <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
  </head>
  <body style="font-size:14px">
    <div class="container">
      <div class="row">
        <div class="col-lg-4">col-lg-4</div>
        <div class="col-lg-4">col-lg-4</div>
        <div class="col-lg-4">col-lg-4</div>
      </div>
    </div>
  </body>
</html>

Run Code Online (Sandbox Code Playgroud)

html css twitter-bootstrap

Jim*_*per

lucky-day

35
推荐指数

2
解决办法

2万
查看次数

Twitter引导程序表单字段太小

我知道这个主题"听起来"很像其他人,但我已经浏览了所有现有的线程(反正"最")我还有一个问题我可以使用帮助......

问题与其他人描述的问题并无太大不同:

某些FORM元素不显示其完整垂直高度
其中最值得注意的是当坐在按钮或"附加"类旁边时,INPUT类型看起来有点像贫血
最近我注意到一个更严重的问题......单选按钮变成了"无线电点",因为它们很小,几乎看不到.

现在有很多人通过确保他们在HTML文档的顶部正确指定DOCTYPE来解决他们的问题.我也发现这个简单的调整对我的静态HTML模型起了作用.可悲的是,当我切换到Wordpress时,问题再次出现,但我肯定将HTML 5 DOCTYPE签名放在输出的最顶端(我已经用"查看源"检查了几次,因为我想也许我已经丢失了心神).

我已经包含了屏幕的快照,以防这有助于揭示屏幕.你可以在这里找到它:http://www.flickr.com/photos/14261777@N00/6957941282/.注意底部的小小点应该是单选按钮.更明显的是INPUT字段不够高.哦,还有完整性,这里是我的HTML源代码的截图:http://www.flickr.com/photos/14261777@N00/6957952802/.

我很乐意听到任何有关于为什么会发生这种情况的理论以及可能存在的任何变通方法的人(即使解决方案的来源未知).我已经尝试过强制行高度,高度,最小高度等CSS属性以及其他一些零效果.

html css wordpress twitter-bootstrap

ken*_*ken

lucky-day

10
推荐指数

1
解决办法

7456
查看次数