html - 大型元素类的 Bootstrap 3.0 响应式 css

Question

我想让所有输入和按钮元素在 < 767 像素的屏幕上显示为正常大小。如果它是 > 767px 的屏幕，尽管我需要将 .btn-lg 和 .input-lg 类应用于所有按钮和输入。这样可以在更大的屏幕上获得更轻松的触摸体验。如何才能做到这一点？可以用纯 CSS 来完成吗？？

Answer 1

你可以用媒体查询来做

@media screen and (max-width:767px){
//all the styles for btns within 767px
}
@media screen and (min-width:767px){
//all styles above 767px
}

您也可以使用 jquery 实现此目的:

if($(window).outerHeight(true) <  767){
   //add class to your btns and lists and remove classes...
}

这是一种方法，还有很多。