Css 为什么我的整个自定义样式表在某个屏幕宽度被忽略？
我使用的是Bootstrap3，在我的头文件中链接了框架CSS和自定义CSS文件。直到我从Bootstrap 2迁移到3，并在此过程中更改了一些其他内容（不幸的是，我无法确定这是什么时候发生的），移动和桌面之间的一切都正常工作。我几乎没有改变我的自定义CSS文件，除了组织它和小的编辑 基本上，我的自定义CSS工作正常，直到窗口大小调整到842或843px以下。我被难住了，因为我甚至没有在任何地方使用它作为媒体查询，而且我认为Bootstrap也没有。整个文件的样式在该大小或更小时被忽略 下面是我的标题的样子（我使用的是PHP）：Css 为什么我的整个自定义样式表在某个屏幕宽度被忽略？,css,twitter-bootstrap,stylesheet,Css,Twitter Bootstrap,Stylesheet,我使用的是Bootstrap3，在我的头文件中链接了框架CSS和自定义CSS文件。直到我从Bootstrap 2迁移到3，并在此过程中更改了一些其他内容（不幸的是，我无法确定这是什么时候发生的），移动和桌面之间的一切都正常工作。我几乎没有改变我的自定义CSS文件，除了组织它和小的编辑 基本上，我的自定义CSS工作正常，直到窗口大小调整到842或843px以下。我被难住了，因为我甚至没有在任何地方使用它作为媒体查询，而且我认为Bootstrap也没有。整个文件的样式在该大小或更小时被忽略 下面是我
&米德多；用户界面模式库
如果这有什么意义的话，我还打算从CSS转换到LESS，然后下载一个第三方编译器并将我的文件添加到其中。然而，我并没有链接我编译它们的CSS文件，只是我的原始文件 我的自定义样式表中确实有一个松散的媒体查询，但我没有关闭它 是的，，，不要这样做
maximum scale=1.0这是糟糕的UX
属性应该用分隔，
而不是
你能发布一个链接到该站点吗？需要第二个width=设备宽度元标记吗？@GSaunders不幸的是，该站点现在是NDA，所以我无法实时推送它：(
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta -->
<title><?=$section?><? if ( $page ){ echo ": ".$page; } ?> · 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>