0

在平板设备上渲染我的网站时，我的最后两个 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>
4

1 回答 1

0

事实上，他们几个小时前就开始工作了……

如果你的意思是这两个 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;

这些是我想到的最可能的原因。

祝你好运！

`

于 2013-08-11T00:54:53.887 回答