2014-03-28 111 views
1

我需要在计算机上为不同大小的屏幕使用Bootstrap响应。但我也需要在768px之下不要有回应。Bootstrap无响应768px

有没有办法做到这一点?要使用它:

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

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

谢谢。

+0

或在复位的媒体查询各大加载该文件宽度<768px ... – jtheman

+0

好的,我该怎么做? – Floc

+0

还没试过,但是设置'body {min-width:768px; }'? – jtheman

回答

0

要禁用768px以下的宽度,您需要编辑css,并删除表示@media (max-width: 768px)或更低的部分,例如, @media (max-width: 550px)

+0

是的,我知道但我不能编辑引导CSS文件。这太容易了,我需要另一种解决方案。 – Floc

+0

我同意这是最明显的方法。但是编辑原始的bootstrap.css文件有其缺点。所以你需要复制和重置所有媒体查询<768px在自定义css- – jtheman

1

我可能会为你精神。不知道它的工作原理,因为从来没有必要在某个分辨率下无法响应,无论如何,只有在分辨率> 768时,才应该尝试加载每个CSS,否则,当您编写专用的CSS文件时加载< 768.

<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文件

+0

感谢您的解决方案,但我不认为它符合我的需求。因为在你的解决方案中,我需要一个引导程序的css文件,用于最大宽度767px,并返回到使用/删除媒体查询。 – Floc

+0

您可以在自定义CSS中编写样式。如果你告诉我们你可以做什么以及你能做什么,那么可能会更快地找到解决方案:) –