css - Bootstrap : Mobile specific changes how?

Question

我有一个大按钮，我需要在手机上查看页面时更改其边距和填充度。

请问最好的方法是什么？

基本上我需要:

  .cta-btn{
   margin: 70px 0;
  }

成为:

  .cta-btn{
   margin: 10px 0;
    }

当访问者使用移动设备或其他小屏幕设备时。

Answer 1

在 bootstrap 中，有专门的帮助程序:Bootstrap media queries

无论如何，这是你可以做的:

.cta-btn{
  margin: 70px 0;
}

@media (max-width: 480px) {
 .cta-btn{
   margin: 10px 0;
  }
}