html - 使用 Bootstrap 的移动设备的不同行高

Question

在我网站 (oil-sheikh.com) 的主页上，我有一张大图片，页面宽度为 100%，高度为 80%。 在移动设备上查看时，图像应该仅为高度的 50%(以及宽度的 100%) 我使用 bootstrap 来构建它的网站。 如何设置 css 以仅在 col-xs 上限制行的高度？

Answer 1

您是否考虑过特定​​于媒体的 CSS？所以把你的 css 像这样放在移动设备上

@media (max-width:480px){
    .someClass{ /*all css for .someClass here*/}
}