为什么我的某些CSS页面没有被使用？

Question

我的最后2个CSS页面（800px.css和800pxland.css）在平板电脑上渲染我的网站时都被忽略了。 我不知道为什么，其他所有功能都很好。 实际上，他们只是几个小时前就工作了，但是现在无论我进行什么更改以及在何种程度上进行更改，都无济于事。 我刚刚开始使用Bluehost的CloudFlare服务，所以不确定是否与此有关（是的，我在CloudFlare上处于开发模式时正在FTP）。 我一直在使用谷歌浏览器作为平板电脑上的浏览器。 生病了张贴p，希望它会有所帮助。 谢谢！

<head>
<link rel="shortcut icon" href="/img/favicon.png" type="image/x-icon" />
<meta charset="utf-8">
<meta http-equiv="cache-control" content="public">
<meta http-equiv="expires" content="Fri, 30 Dec 2022 12:00:00 GMT">
<title>About EDM Uncovered</title>
<link href="/css/12gs.css" rel="stylesheet" type="text/css">
<link href="/css/reset.css" rel="stylesheet" type="text/css">
<link href="/css/stylesheet.css" rel="stylesheet" type="text/css">
<link href='http://fonts.googleapis.com/css?family=Autour+One' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Noto+Sans:400,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Jura:400,600,500,300' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Monoton' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Days+One' rel='stylesheet' type='text/css'>
<link href="/jquery/jQuery.ui.js" rel="stylesheet" type="text/css">
<script type="text/javascript" src="/jquery/jQuery.js"></script>
<script type="text/javascript" src="/js/protoFluid3.02.js"></script>
<script type="text/javascript" src="/js/unslider.min.js"></script>
<script type="text/javascript" src="/js/jquery.fittext.js"></script>
<script type="text/javascript" src="/js/active.js"></script>
<link media="screen and (max-device-width: 480px)" href="/css/480px.css" rel="stylesheet" type="text/css">
<link media="screen and (max-device-width:600px) and (orientation:landscape)" href="/css/480pxland.css" rel="stylesheet" type="text/css">
<link media="screen and (min-device-width: 1300px) and (max-device-width: 1399px)" href="/css/1300px.css" rel="stylesheet" type="text/css">
<link media="screen and (min-device-width: 1400px)" href="/css/1400px.css" rel="stylesheet" type="text/css">
<link media="screen and (min-device-width:601px) and (max-device-width:800px) and (orientation:portrait)" href="/css/800px.css" rel="stylesheet" type="text/css">
<link media="screen and (min-device-width:800px) and (max-device-width:1300px) and (orientation:landscape)" href="/css/800pxland.css" rel="stylesheet" type="text/css">
<!--[if lt IE 7 ]> <html lang="en" class="ie6">    <![endif]-->
<!--[if lt IE 9]>
    <html lang="en" class="ie8">
    <link rel="stylesheet" type="text/css" href="/css/ie8-and-down.css" />
<![endif]-->
<!--[if IE 9 ]>   
    <html lang="en" class="ie9">
    <link rel="stylesheet" type="text/css" href="/css/ie9.css" />
<![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--><!--<![endif]-->
</head>

Answer 1

事实上，他们只是几个小时前就工作了...

如果您是说这2个ipad CSS样式表正在运行，而现在却不起作用，那么对我来说，这意味着它们是通过CloudFlare缓存的问题，或者样式表存在CSS错误，或者其他样式表的样式都在先。

您可以通过以下方式测试每种可能性

• 保存最后2个样式表的重复项并相应地更新HTML
  例如<link media="screen and (min-device-width:601px) and (max-device-width:800px) and (orientation:portrait)" href="/css/800px-alt.css" rel="stylesheet" type="text/css"> 。 这将排除缓存问题
• 验证最后2个样式表@ W3 CSS验证
• 在最后2个样式表中的每一个上添加一个新的测试选择器，看看是否可以坚持使用，例如body{background-color:green !important;

这些是最容易想到的原因。

祝好运！

`