当设备的宽度用于移动时，div的比例高度

Question

我正在构建一个使用非常大的标题图片的网站。当在移动设备上查看网站时，我想将该标题div的高度缩放到桌面上的一半。

使用bootstrap 3执行此操作的最佳方式是什么？

Answer 1

简单的媒体查询将起作用：

@media all and (max-width: 480px) { // or whatever size you want to target
    // change header size
}