只能在移动设备
我一直在寻找周围,没有发现任何答案或解决此问题的启用引导响应:只能在移动设备
我想,只有当用户使用移动设备来实现引导响应。换句话说,当用户使用计算机浏览器时,响应会关闭,这意味着无论用户如何调整窗口大小,我的容器总是有最小宽度,并且响应将永远不会踢入。
有没有什么办法要默认做到这一点?
您可以通过CSS中的设备宽度来分隔您的响应式和非响应式样式。
@media (max-width: 767px) {
/* Responsive styling */
div {
width: 50%;
}
...
}
@media (min-width: 768px) {
/* Non-responsive styling */
div {
width: 500px;
}
...
}
注意,这并不能确定设备是否是移动设备。为此,您可以使用开源JavaScript(即http://detectmobilebrowsers.com/)。
他已经提到了这一点 - “换句话说,当用户使用计算机浏览器时,响应将被关闭,这意味着无论用户如何调整窗口大小” –
当宽度> = 768时,
我们需要添加额外的响应样式表CSS /自举responsive.css
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/bootstrap-responsive.css">
而且下面是支持的设备
/* Large desktop */
@media (min-width: 1200px) { ... }
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { ... }
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { ... }
/* Landscape phones and down */
@media (max-width: 480px) { ... }
响应实用工具类
他已经提到了这一点 - “换句话说,当用户使用电脑浏览器时,响应会关闭,这意味着无论用户如何调整窗口大小”......您的这个答案仍然可以响应浏览器调整大小! –
是的,我只是提供了有关回应性实用课程的信息,可能会有帮助。 – Dextere
是的,你可以在javascript(jquery)mobile的帮助下做到这一点检测。但是如果你想得到一些帮助,你必须包括HTML和CSS,到目前为止你已经完成了。 –