gpt4 book ai didi

css - 为什么在特定屏幕宽度下我的整个自定义样式表都被忽略了?

转载 作者:行者123 更新时间:2023-11-28 11:13:38 25 4
gpt4 key购买 nike

我正在使用 Bootstrap 3,并且在我的页眉中链接了框架 CSS 和自定义 CSS 文件。直到我从 Bootstrap 2 迁移到 3 并在此过程中更改了其他一些东西(不幸的是我无法确定这发生的那一刻),移动和桌面之间的一切都运行良好。我几乎没有改变我的自定义 CSS 文件,除了组织它和小的编辑。

基本上,我的自定义 CSS 可以正常工作,直到窗口大小调整到低于 842 或 843 像素左右。我很困惑,因为我什至没有在任何地方使用它作为媒体查询,而且我认为 Bootstrap 也没有。整个文件的样式在那个大小和更小的时候会被忽略。

这是我的 header 的样子(我使用的是 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,并且刚刚下载了一个第 3 方编译器并将我的文件添加到其中。但是,我没有链接我让他们编译的 CSS 文件,只是我的原始文件。

最佳答案

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

关于css - 为什么在特定屏幕宽度下我的整个自定义样式表都被忽略了?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21859890/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com