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

阿里·拉希迪

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

在PC浏览器中打开它时,一切正常,但是在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>

PC上的文本大小是正常的,但移动设备上的文本很小。如何在两台设备上使用相同的文字大小?

费萨尔·阿什法克(Faisal Ashfaq)

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

<meta name="viewport" content="width=device-width, initial-scale=1">

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

移动设备/ glyphicon上的引导选项卡和字体大小调整

来自分类Dev

HTML / CSS:表格字体大小在移动设备中不同

来自分类Dev

不同设备上的字体大小

来自分类Dev

Xcode 6中不同设备的字体大小不同

来自分类Dev

无法在引导程序4中编辑<textarea>字体大小

来自分类Dev

特定设备的不同字体大小

来自分类Dev

在引导程序中的轮播上使用不同大小的图像以适应不同的设备大小

来自分类Dev

在Chrome和Safari中打印时,字体大小不同

来自分类Dev

在Chrome和Safari中打印时,字体大小不同

来自分类Dev

iOS在不同设备的单一大小类中的不同字体大小

来自分类Dev

具有相同分辨率的不同PC上的不同字体大小

来自分类Dev

添加填充时,移动设备上的Edge极大地减小了字体大小

来自分类Dev

在移动设备上激活时,字体大小为30px的Textarea仍会自动缩放

来自分类Dev

添加填充时,移动设备上的Edge极大地减小了字体大小

来自分类Dev

CSS使字体大小适合移动设备/较小的屏幕

来自分类Dev

CSS / Bootstrap-字体大小无法从计算机到移动设备正确调整大小:移动设备上的字体看起来很小

来自分类Dev

为引导程序导航栏和照片增加半透明性,并增加字体大小

来自分类Dev

重组文本中的字体大小不同

来自分类Dev

句子中的字体大小不同

来自分类Dev

句子中的字体大小不同

来自分类Dev

重组文本中的字体大小不同

来自分类Dev

更改显示表布局中引导程序字形中断对齐中的字体大小

来自分类Dev

如何在Rem中实现响应字体大小-引导程序

来自分类Dev

如何在引导程序中设置字体大小以显示恒定视图?

来自分类Dev

更改移动Web应用程序的字体大小选项?

来自分类Dev

在一个标签中具有不同的颜色和不同的字体大小

来自分类Dev

在不同的浏览器上的行高和字体大小?

来自分类Dev

如何在移动设备html页面的表格单元格中设置相等的字体大小

来自分类Dev

如何在Flutter中获取设备字体大小

Related 相关文章

  1. 1

    移动设备/ glyphicon上的引导选项卡和字体大小调整

  2. 2

    HTML / CSS:表格字体大小在移动设备中不同

  3. 3

    不同设备上的字体大小

  4. 4

    Xcode 6中不同设备的字体大小不同

  5. 5

    无法在引导程序4中编辑<textarea>字体大小

  6. 6

    特定设备的不同字体大小

  7. 7

    在引导程序中的轮播上使用不同大小的图像以适应不同的设备大小

  8. 8

    在Chrome和Safari中打印时,字体大小不同

  9. 9

    在Chrome和Safari中打印时,字体大小不同

  10. 10

    iOS在不同设备的单一大小类中的不同字体大小

  11. 11

    具有相同分辨率的不同PC上的不同字体大小

  12. 12

    添加填充时,移动设备上的Edge极大地减小了字体大小

  13. 13

    在移动设备上激活时,字体大小为30px的Textarea仍会自动缩放

  14. 14

    添加填充时,移动设备上的Edge极大地减小了字体大小

  15. 15

    CSS使字体大小适合移动设备/较小的屏幕

  16. 16

    CSS / Bootstrap-字体大小无法从计算机到移动设备正确调整大小:移动设备上的字体看起来很小

  17. 17

    为引导程序导航栏和照片增加半透明性,并增加字体大小

  18. 18

    重组文本中的字体大小不同

  19. 19

    句子中的字体大小不同

  20. 20

    句子中的字体大小不同

  21. 21

    重组文本中的字体大小不同

  22. 22

    更改显示表布局中引导程序字形中断对齐中的字体大小

  23. 23

    如何在Rem中实现响应字体大小-引导程序

  24. 24

    如何在引导程序中设置字体大小以显示恒定视图?

  25. 25

    更改移动Web应用程序的字体大小选项?

  26. 26

    在一个标签中具有不同的颜色和不同的字体大小

  27. 27

    在不同的浏览器上的行高和字体大小?

  28. 28

    如何在移动设备html页面的表格单元格中设置相等的字体大小

  29. 29

    如何在Flutter中获取设备字体大小

热门标签

归档