在引导程序中的PC和移动设备上的不同字体大小

时间:2016-01-27 17:22:22

标签: html responsive-design twitter-bootstrap

我在这里创建了一个非常简单的页面: http://rasadata.gigfa.com/bootstrap/Home.html

当我在我的电脑浏览器中打开它时,一切正常,但是当我在LG G3手机中打开它时,文字大小非常小,无法阅读。

为什么呢?我想在两台设备上都有合理的文字大小。

有什么问题?

这是简单的html:

<div class="container">

 <div class="row">

  <div class="col-md-4">
  <p>A simple text</p>
  </div>

  <div class="col-md-4">
  <p>A simple text</p>
  </div>

  <div class="col-md-4">
  <p>A simple text</p>
  </div>

 </div>

</div>

电脑上的文字大小是正常的,但在移动电话中非常小。 如何在两台设备上使用相同的文字大小?

2 个答案:

答案 0 :(得分:2)

如果您检查工作的html,即使您的正文字体大小为10px,您也会在bootstrap css中看到字体设置为font-size:10px;14px) ;

将其更改为14px以及您的正文字体大小。否则,创建新的自定义样式表以进行编写。

查看您网页的屏幕截图;

ss

您手机中的字体大小: ss2

答案 1 :(得分:1)

您缺少此移动优先元标记:

pypy -m pip install git+https://bitbucket.org/pypy/numpy.git