Question

我正在使用Bootstrap 3并且在我的标题中链接了框架CSS和自定义CSS文件。直到我从Bootstrap 2迁移到3并且在此过程中改变了一些其他的东西（遗憾的是我无法确定发生这种情况的那一刻），一切都在移动和桌面之间正常工作。除了组织它和次要编辑之外，我几乎没有更改我的自定义CSS文件。

基本上，我的自定义CSS工作正常，直到窗口调整到大约842或843px以下。我很难过，因为我甚至没有在任何地方使用它作为媒体查询，我也不认为Bootstrap有。整个文件的样式只是在那个尺寸和更小的尺寸上被忽略。

这是我的标题的样子（我正在使用PHP）：

<!DOCTYPE html>
<html lang="en">
<head>

<!-- Meta -->
<title><?=$section?><? if ( $page ){ echo ": ".$page; } ?> &middot; UI Pattern Library</title>
<meta name="HandheldFriendly" content="True">
<meta content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" name="viewport">
<meta content="width=device-width" name="viewport">
<meta charset="utf-8">
<!--<meta name="viewport" content="width=device-width, initial-scale=1.0">-->

<!-- Favicon -->
<link rel="shortcut icon" href="favicon.ico" />

<!-- Styles -->
<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css" >
<link rel="stylesheet" type="text/css" href="assets/css/style.css">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="assets/js/bootstrap.min.js"></script>

如果它很重要，我也将从CSS切换到LESS，只是下载了第三方编译器并将我的文件添加到它。但是，我没有链接我编译的CSS文件，只是我原来的那个。

Answer 1

原来我DID在自定义样式表中有一个松散的媒体查询，我没有关闭...

为什么我的整个自定义样式表在某个屏幕宽度被忽略？

1 个答案: