媒体查询bootstrap设置最小响应大小会去?

时间:2014-05-03 17:59:53

标签: css twitter-bootstrap

因此,使用以下代码与模板,我可以设置响应模式启动时。

@media all and (max-width: 680px)

但是有一个查询,如果浏览器宽度低于ex。 380px响应,项目停止最小化等,并保持在380px响应只出现。因此,如果某人正在最小化浏览器或拥有280的视口,那么他们会在380px响应中查看它的外观,但是使用滚动条?

任何帮助都将不胜感激。

感谢。

2 个答案:

答案 0 :(得分:1)

您只需在body元素上设置min-width

Example Here

body {
    min-width:380px;
}

答案 1 :(得分:0)

Bootstrap不提供该级别的控制,但您可以简单地添加以下媒体查询,然后在小于380px宽的屏幕尺寸的元素上强加样式。

@media all and (max-width: 379px) {
    // Style elements specifically for screen sizes less than 380px
}