Bootstrap初级用户谈谈网页在手机上的显示效果优化

背景介绍

本人之前已经使用 Bootstrap有一段时间了，但是之前做出的网站都只是在电脑端使用，没有注意过手机端的显示效果。这两天自己使用 Bootstrap做了一个简单的Web个人日志系统，想在手机端也使用，桌面端的效果勉勉强强，但是当用手机打开页面时，效果不忍直视。下面是其中一个界面的效果。

桌面浏览器查看效果：

手机浏览器查看效果：

问题一：字体非常的小，简直认不出来

于是我百度以及查看 Bootstrap的文档，终于找到了解决方案：

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

可以参见 Bootstrap中文文档中的原话：