样式更新后,页面上不会应用CSS样式

时间:2015-08-21 08:19:47

标签: css

我更新了我的宽度尺寸:

#content_area{
    height:500px;
    overflow:auto;
    width: 650px;
    margin-left: 31px;
    padding: 10px;
    font-family: Century Gothic;
}

用这个:

 #content_area{
    height:500px;
    overflow:auto;
    width: 700px;
    margin-left: 31px;
    padding: 10px;
    font-family: Century Gothic;
}

但在页面上它没有应用更改。我怎么知道你问的?好了,页面没有改变它的宽度,我还看了Firefox开发人员> inspector>样式编辑器,它与之前的尺寸相同。我需要帮助!提前致谢!

2 个答案:

答案 0 :(得分:1)

这可能是Cache未被清除的问题。开发人员可以使用的几个指针是:

  1. Ctrl + Shift + R
  2. 使用 Ctrl + Shift + Del 清除浏览器缓存。
  3. 使用隐身隐私浏览模式(通常在最新浏览器中提供)。 (对于Firefox和Internet Explorer, Ctrl + Shift + P Ctrl + Shift Chrome的+ N
  4. 包含更新的CSS的另一种方法是使用其URL嵌入一些内容:

    <link rel="stylesheet" href="style.css?version=1" />
    

    1是任意数字的地方,可以包含?之后的任何内容。这将强制浏览器向服务器请求新的和更新的文件,而不是从缓存中现有的文件提供服务。

    最终的最终目标是做到这两个中的任何一个:

    1. 尝试其他浏览器。
    2. 尝试使用其他机器。

答案 1 :(得分:0)

  1. 尝试进行硬刷新:Ctrl + F5
  2. 尝试在浏览器设置上清除缓存。
  3. 尝试在Chrome上以隐身模式打开网站。 CTRL + SHIFT + N