只能在移动设备

我一直在寻找周围，没有发现任何答案或解决此问题的启用引导响应：只能在移动设备

我想，只有当用户使用移动设备来实现引导响应。换句话说，当用户使用计算机浏览器时，响应会关闭，这意味着无论用户如何调整窗口大小，我的容器总是有最小宽度，并且响应将永远不会踢入。

有没有什么办法要默认做到这一点？

2015-10-14 Karl Wong

是的，你可以在javascript（jquery）mobile的帮助下做到这一点检测。但是如果你想得到一些帮助，你必须包括HTML和CSS，到目前为止你已经完成了。 –

-2

您可以通过CSS中的设备宽度来分隔您的响应式和非响应式样式。

@media (max-width: 767px) { 
    /* Responsive styling */ 
    div { 
     width: 50%; 
    } 
    ... 
} 
@media (min-width: 768px) { 
    /* Non-responsive styling */ 
    div { 
     width: 500px; 
    } 
    ... 
}

注意，这并不能确定设备是否是移动设备。为此，您可以使用开源JavaScript（即http://detectmobilebrowsers.com/）。

来源

2015-10-14 17:07:36

他已经提到了这一点 - “换句话说，当用户使用计算机浏览器时，响应将被关闭，这意味着无论用户如何调整窗口大小” –

当宽度> = 768时， <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) { ... }

响应实用工具类

来源

2015-10-14 17:59:37 Dextere

他已经提到了这一点 - “换句话说，当用户使用电脑浏览器时，响应会关闭，这意味着无论用户如何调整窗口大小”......您的这个答案仍然可以响应浏览器调整大小！ –

是的，我只是提供了有关回应性实用课程的信息，可能会有帮助。 – Dextere

只能在移动设备

回答

相关问题