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

我正在使用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文件，只是我的原始文件。

来源

2014-02-18 katgarcia

呀,,,不要做这个'最大规模= 1.0;'这是UX差 –

'''属性应该用'，'分开';' – Xareyo

你能发布一个链接到这个网站吗？ – GSaunders

原来我确实有我没闭上自定义样式表一个松散的媒体查询...

来源

2014-02-18 17:01:48 katgarcia

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

回答

相关问题