Bootstrap在768px下无响应

时间:2014-03-28 08:22:45

标签: css html5 twitter-bootstrap twitter-bootstrap-3

我需要使用Bootstrap对计算机上不同大小的屏幕进行响应。但我也不需要在768px下做出回应。

有办法吗?要使用它:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

同时,将视口的最小宽度设置为768px?

感谢。

2 个答案:

答案 0 :(得分:1)

我可能有你的灵魂。不确定它是否有效,因为从来没有必要在某个分辨率下没有响应,无论如何你应该尝试仅在分辨率> 768时加载每个CSS,否则,当你&lt; 768时,写一个专用的CSS文件来加载。 / p>

<link rel='stylesheet' href='style.css' type='text/css' **media='min-width: 768px'**/>

现在您告诉浏览器仅在分辨率大于768px

时才加载此文件
<link rel='stylesheet' href='style.css' type='text/css' media='max-width: 767px'/>

当分辨率小于768时加载此css文件

答案 1 :(得分:0)

要禁用768px以下的宽度,您需要编辑css,然后删除标有@media (max-width: 768px)及更低位置的部分,例如@media (max-width: 550px)