resize buttons responsively in bootstrap

后端 未结 3 1757
后悔当初
后悔当初 2020-12-10 01:12

I\'m using bootstrap, and the CSS is responsive, so it scales down nicely on smaller devices. However, I would like buttons to shrink too when the viewport is smaller (eg. o

3条回答
  •  再見小時候
    2020-12-10 01:46

    Expanding ZimSystem answer..

    @media (max-width: 768px) {
      .btn {
        font-size:11px;
        padding:4px 6px;
      }
    }
    
    @media (min-width: 768px) {
      .btn {
        font-size:12px;
        padding:6px 12px;
      }
    }
    
    @media (min-width: 992px) {
      .btn {
        font-size:14px;
        padding:8px 12px;
      }
    }
    
    @media (min-width: 1200px) {
      .btn {
        padding:10px 16px;
        font-size:18px;
      }
    }
    

提交回复
热议问题