Bootstrap问题

Question

 由于初次用到这个框架开发；我下载的版本是Bootstrap3；现在项开发中调用以下文件；

    

        <link rel="stylesheet" href="css/bootstrap.min.css">

        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>

        <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>

        <script src="js/jquery-1.9.1.js"></script>

        <script src="js/bootstrap.min.js"></script>

        

        

        现在我的问题就是怎么让网页中的字体大小与边距随着屏幕的变化而变化；

        比如字体大小；当屏幕变小的时候字体变小；屏幕变大的时候字体变大；

        元素与元素之间的边距也一样；

        

        

Answer 1

这个需要使用rem单位，并使用media-query设置html的基础字体大小，bootstrap3使用的是px单位，所以你这个需要有点难实现，除非你每个组件都使用rem重写字体大小