大家好,今天小编来为大家解答以下的问题，关于谷歌浏览器加载不了css，谷歌浏览器加载不了flash插件这个很多人还不知道，现在让我们一起来看看吧！

本文目录

1. css加载失败如何解决
2. chrome 调试为什么有些css不能改
3. 为什么浏览器把我css3属性禁用了
4. 谷歌浏览器不支持CSS设置小于12px的文字怎么办
5. 为什么我的浏览器不能显示css样式
6. CSS加载失败原因有哪些

一、css加载失败如何解决

当我们在浏览网页时，偶尔会看见网站样式加载不出来。对于前端初学者来说，可能也会出现css样式不能正常调用或显示。那么想要去解决这样的问题，就需要知道出现这样问题的原因。

css加载失败可能有多种原因导致，比如网络原因、路径错误、浏览器问题、编码问题导致等等。

下面我们就具体为大家介绍css加载失败的原因及解决办法。

IIS空间不足、浏览者网速慢、空间速度慢等网络因素是造成CSS加载失败的原因之一。

网页打开时，没有显示CSS设定的样式，只以原始状态显示。那么就可能是我们CSS文件路径出错。

我们编在写CSS时，可能使用了if判断语句对什么浏览器调用什么CSS文件时疏忽造成if调用的混乱，导致在某些浏览器上能正常显示，在某些浏览器上不能正常显示。

解决方法：检查造成CSS加载失败的if判断设置

由于我们本身的CSS代码写法有问题，没有设置好造成在各浏览器显示不同布局差距效果。在CSS里面，我们称为css hack。

css hack指各版本及各品牌浏览器之间对CSS解释后出现网页内容的兼容bug误差(比如我们常说错位)的处理。

在Chrome浏览器的错误控制台下看看css文件有没有加载进来，确定已加载的话，检查元素的类名与CSS中定义的类名是否相同。可能局限于ie浏览器，你用谷歌浏览器就会出现错误。

解决办法：尝试换个浏览器，然后等会再用，也可能修复故障

如果不是上述问题则看一看你的CSS文件的字符集是否和你的调用CSS文件的网页的字符集是否一致，就是charset属性那里。

解决办法：在你使用浏览器进行浏览效果的时候，ie浏览器中菜单栏上有一个“查看--编码”，在查看编码上面UTF-8或者GBK看看是不是同一个编码。可能是编码不一致所造成，改为同一编码。

二、chrome 调试为什么有些css不能改

1、我刚刚也碰到了一样的问题，chrome的dev里面也是显示style，而不是文件名。但是样式都显示了呀，火狐里面是可以改的！一开始很懵逼，仔细看了一下没哪里写错啊，引用路径都对的啊！

2、然后我就把css文件里面的样式删掉，写个简单属性的测试，发现chrome里面是可以改的。所以我就回去看看是不是样式写错了，但是编译器也没报错，慢慢找，删掉可能导致这个问题的属性，然后试一下，结果我发现是我background属性，定义了一个颜色，因为图片还没好，url也顺便写了，但给了一个空值，于是我删掉了url然后就好了。

3、这个问题你可以先检查一下你的地址是不是对的，然后去检查css文件内容有没有问题。

4、虽然不是很难，遇到了我就拿出来分享一下，万一对你们有用呢！！！

三、为什么浏览器把我css3属性禁用了

1、-webkit-perspective:150;/*SafariandChrome*/

2、-webkit-transform:rotateX(45deg);/*SafariandChrome*/

3、<divid="div2">HELLO</div>

4、</html>

可以对比一下这个例子,看一下是什么原因造成的，感觉是css权重覆盖了你那个标签或者你可以写个标准的不加前缀的perspective试试，因为我chrome下显示perspective是报错的，可能在不是谷歌内核的里面-webkit-perspective是报错的，最好就是都写吧。

5、可以对比一下这个例子,看一下是什么原因造成的，感觉是css权重覆盖了你那个标签或者你可以写个标准的不加前缀的perspective试试，因为我chrome下显示perspective是报错的，可能在不是谷歌内核的里面-webkit-perspective是报错的，最好就是都写吧。

四、谷歌浏览器不支持CSS设置小于12px的文字怎么办

在最新版的谷歌里。已经不在支持这个属性啦

谷歌浏览器Chrome是Webkit的内核，有一个-webkit-text-size-adjust的私有 CSS属性，通过它即

可实现字体大小不随终端设备或浏览器影响。

-webkit-text-size-adjust:none;

如何让谷歌浏览器支持小于12px的字体

经常与网页打交道的攻城师，应该都知道。谷歌不支持小于12px的字体。

比如。修改浏览器配置。修改浏览器语言。

但作为一个WEB，我们无法修改用户的浏览器。这时候就出现了

html{-webkit-text-size-adjust:none;}

但是，在最新版的谷歌里。已经不在支持这个属性啦。所以。这个属性。。。。

而我们用到的就是transform:scale()

<p>我是一个小于12PX的字体</p>

放在浏览器预览。会发现最新版谷歌已经不在支持。还是12px

-webkit-transform:scale(0.8);//0.8位缩放倍数，具体自己根据实际需求修改

p{font-size:10px;-webkit-transform:scale(0.8);}

但是，如果，这个属性会把真个p的属性都缩放。如果我有背景呢？我有边框呢？都会被缩小！

<p><span>我是一个小于12PX的字体</span></p>

span{-webkit-transform:scale(0.8);}

但是你会惊讶发现，不可以。实际上，是以为-webkit-transform:scale(0.8);只能缩放可以定义宽高

的元素，而span是行内元素，不可以

span{-webkit-transform:scale(0.8); display:inline-block}

为什么定义 display:inline-block而不是 display:block？

转为block就独占一行啦。如果我后面紧追怎么办元素。所以转换为inline-block

放在谷歌浏览器里，运行一下会发现支持字体变小啦~~放心啦。。。

但是你会发现。会存在一定的边距。貌似margin或者padding的间距。这就是缩放存在问题。原来的位

所以，要对应修改margin了。定义为负的。。

NO，我们还需要去兼容opera！！！

为什么？opera现在最新版也是webkit内核啦~~~苦逼的工程师呀~

本来就是10px的字体了。然后在缩放，不敢想象了！

span{-webkit-transform:scale(0.8);-o-transform:scale(1); display:inline-block}

放心opera还是支持他的私有前缀的。

<title>无标题文档</title>

span{-webkit-transform:scale(0.8);-o-transform:scale(1); display:inline-block}

<p><span>我是一个小于12PX的字体</span></p>

为了方便，我们最好定义为一个类，方便我们每次调用

<title>无标题文档</title>

.shrink{-webkit-transform:scale(0.8);-o-transform:scale(1); display:inline-block}

<p><span class="shrink">我是一个小于12PX的字体</span></p>

五、为什么我的浏览器不能显示css样式

1.为什么在不同的浏览器显示效果不一样？

因为不同浏览器对于css样式表的解析不一样，所以导致样式乃至层布局发生变化。例如，ff中设置padding属性时，div会相应增加height和width，而ie的解析是不会的，再例如ff对盒模型的解析和ie相差两个象素。

2.设计时要做到所有浏览器都兼容吗？

我的答案是即使能做到也没有必要去做，科技是在进步的，用户总是在推陈出新的使用这新版本的浏览器，根据“设计诉说”的站点统计小样本结果显示，6225个访问者中有72.1%使用IE6.0；12.7%使用IE7.0；7.9%在使用FF2.0，剩余的不同版本的浏览器占的百分比都不到1%所以我认为只要做到IE6 FF2.0以及新出的IE7.0兼容即可，顶多向下兼容一下IE5.5，完全没有必要为了那些个小数点费劲脑子。如果有必要可以另外设计css文件，然后通过js判断浏览器版本进行选择相应的文件。

这个是个好问题，当你弄明白这个，我想应该可以很自如的运用一些兼容样式表的技巧了。在正常的IE中，如果你在css中重复定义一个属性时，浏览器解析的是后面的属性，举个例子

重复定义盒模型的高度属性，越后面优先级越高，所以浏览器解析出的结果就是高度为300px。

最常用的一种方法了，也是屡试不爽的——“!important”，这个字段是用来提高优先级的，而IE6.0对于找个字段是无法识别的，于是FF与IE6.0就可以分开解析了。例如，在IE下显示red，FF下显示blue，只需要这么写

background-color:blue!important;

“!important”FF可以识别，blue那行提高优先级，因此在FF中blue优先级高于red，显示为蓝色

切记，上下两句的位置一定不能颠倒。问为什么的再好好看看上两个问题，再不明白就面壁去....

其实我认为做到IE6.0与FF2.0已经足够，5.5的兼容用“/**/” 5.0的兼容用“>”，具体我就不说了，说实在我也不大懂，大家可以去google一下

这个问题我也要问大家，大家有答案的告诉我，因为新版的IE7.0对于“!important”具有识别能力，可是对于盒以及padding等的解析却和 IE6.0差不多，于是乎，完全兼容了IE6.0和FF2.0的就似乎兼容不了IE7.0，捣腾了好久，还是不知道怎么办。请大家帮帮忙！

7.css对浏览器兼容应做到完全一致吗？

个人认为在满足可读性的原则和不影响整体布局的前提下，界面有些许的位置不同是可以允许的，要在不同浏览器下做到一模一样，那真是太费劲了。

恩，先这些吧，欢迎大家指正和补充～

六、CSS加载失败原因有哪些

1、网络原因：IIS空间不足、浏览者网速慢、空间速度慢等网络因素是造成CSS加载失败的原因之一，其具体表现为：当我们打开网页时，网页布局完整，但却没有任何布局样式显示。

2、路径错误或者代码不兼容：果网页打开时，没有显示CSS设定的样式，只以原始状态显示。那么就可能是我们CSS文件路径出错或者CSS代码不兼容了。

3、if造成失败：第三个原因是，我们编在写CSS时，可能使用了if判断语句对什么浏览器调用什么CSS文件时疏忽造成if调用的混乱，导致在某些浏览器上能正常显示，在某些浏览器上不能正常显示。对于这个原因，解决方法就是好好检查造成CSS加载失败的if判断设置。

4、另类CSS加载失败：何为另类CSS加载失败？这是由于我们本身的CSS代码写法有问题，没有设置好造成在各浏览器显示不同布局差距效果。在CSS里面，我们称为css hack。

5、浏览器导致：在Chrome浏览器的错误控制台下看看css文件有没有加载进来，确定已加载的话，检查元素的类名与CSS中定义的类名是否相同。可能局限于ie浏览器，你用谷歌浏览器就会出现错误。所以尝试换个浏览器，然后等会在用，也可能修复故障。

6、编码不对：如果不是上述问题则看一看你的CSS文件的字符集是否和你的调用CSS文件的网页的字符集是否一致，就是charset属性那里。在你使用浏览器进行浏览效果的时候，ie浏览器中菜单栏上有一个“查看--编码”，在查看编码上面UTF-8或者GBK看看是不是同一个编码。可能是编码不一致所造成。

OK，本文到此结束，希望对大家有所帮助。