响应式布局，仅小屏使用的css代码示例

若HTML页面需要响应式布局，适应手机等，则需要下面两个标签
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
响应式的css代码，当屏幕宽度小于768px时执行下面的css代码，写注释可能会影响

@media screen and (max-width: 768px) {
        .navbar-nav {
            background-color: rgba(77,2,2,1);
        }
    }