css - Bootstrap 在 768px 下无响应

Question

我需要使用 Bootstrap 来响应计算机上不同尺寸的屏幕。但我也需要在 768px 下不响应。

有办法吗？要使用它:

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

同时，将视口(viewport)的最小宽度设置为 768px ?

谢谢。

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