我的html文件css样式表修改后其他浏览器可以显示,但是谷歌的显示还是以前的样式是怎么回事

我的html文件css样式表修改后其他浏览器可以显示,但是谷歌的显示还是以前的样式是怎么回事,第1张

1. 开发阶段的话,切换到chrome的开发者模式下,在开发者模式下的网络tab下,有个关闭缓存的复选框,你可以把它钩上看看效果。

2.上线部署的话,如果你的html是引入一个css文件,当css内容发生变动的时候,你的html应该修改下该css的文件名或者版本号。(建议使用gulp等自动打包工具)

<link rel="stylesheet" type="text/css" href="../css/index.css?v=111"

另外,对于入口的html文件,建议添加去缓存的meta:如

  <meta http-equiv="cache-control" content="max-age=0" />

  <meta http-equiv="cache-control" content="no-cache" />

  <meta http-equiv="expires" content="0" />

  <meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />

  <meta http-equiv="pragma" content="no-cache" />

修改meta值的办法不是所有浏览器都支持的很好,根源可以在服务器(如Tomcat,ngix)上配置去缓存的策略

1、找到 Chrome 浏览器安装目录下的 Custom.css 样式文件(此文件默认为空)

2、添加以下代码到 Custom.css 样式文件并保存即可

html,body{background-color:#CCE8CC !important

Win7系统中 Custom.css 样式文件路径为:

C:\Users\系统用户名\AppData\Local\Google\Chrome\User Data\Default\User StyleSheets

如果想更换其他颜色,只需要将#CCE8CC改成其他颜色代码即可。

font-size:12px

line-height:150%

background:#fff

text-align:center

color:#333

font-family:"宋体"

我一般就这样写,不会去指定字体为其它类型,因为如果浏览者的机器没有安装你使用的特殊字体类型,如“sans-serif”,那么会导致下面的样式无法解释。不过你也可以这样写font-family:sans-serif,宋体


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7632130.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-08
下一篇 2023-04-08

发表评论

登录后才能评论

评论列表(0条)

保存