我使用引导,CSS是响应的,所以它在较小的设备上很好地缩放。但是,当视口较小(例如,在移动设备上)时,我希望按钮缩小。
<button name="button" type="submit" id="edit_button-46" class="btn btn-default" value="edit" >Edit</button>
基本上,在较小的设备上,类btn-xs应该添加到所有按钮。
我可以通过Jquery完成此任务,但是想知道bootstrap是否已经具有此功能?
解决方法
您可以使用CSS @media查询来相应缩放按钮。
@media (max-width: 768px) { .btn-responsive { padding:2px 4px; font-size:80%; line-height: 1; } } @media (min-width: 769px) and (max-width: 992px) { .btn-responsive { padding:4px 9px; font-size:90%; line-height: 1.2; } }