大家好，感谢邀请，今天来为大家分享一下css区分谷歌浏览器的问题，以及和css区分谷歌浏览器和网页的一些困惑，大家要是还不太明白的话，也没有关系，因为接下来将为大家分享，希望可以帮助到大家，解决大家的问题，下面就开始吧！

本文目录

1. HTML+CSS中如何判断浏览器类型
2. 百度seo和google seo算法比较
3. 谷歌浏览器不支持CSS设置小于12px的文字怎么办

一、HTML+CSS中如何判断浏览器类型

<script type=“text/javascript”>

return navigator.appName.indexOf(“Microsoft Internet Explorer”)!=-1&& document.all;

return navigator.userAgent.split(“;”)[1].toLowerCase().indexOf(“msie 6.0″)==“-1″?false:true;

return navigator.userAgent.split(“;”)[1].toLowerCase().indexOf(“msie 7.0″)==“-1″?false:true;

return navigator.userAgent.split(“;”)[1].toLowerCase().indexOf(“msie 8.0″)==“-1″?false:true;

return navigator.userAgent.indexOf(“Netscape”)!=-1;

return navigator.appName.indexOf(“Opera”)!=-1;

return navigator.userAgent.indexOf(“Firefox”)!=-1;

return navigator.userAgent.indexOf(“Chrome”)>-1;

下面介绍下 js获取客户端浏览器信息

Navigator对象包含有关浏览器的信息。js就是通过Navigator的属性获取客户端浏览器信息

appCodeName返回浏览器的代码名。

appMinorVersion返回浏览器的次级版本。

appVersion返回浏览器的平台和版本信息。

browserLanguage返回当前浏览器的语言。

cookieEnabled返回指明浏览器中是否启用 cookie的布尔值。

cpuClass返回浏览器系统的 CPU等级。

onLine返回指明系统是否处于脱机模式的布尔值。

platform返回运行浏览器的操作系统平台。

systemLanguage返回 OS使用的默认语言。

userAgent返回由客户机发送服务器的 user-agent头部的值。

userLanguage返回 OS的自然语言设置。

二、百度seo和google seo算法比较

输入任意一个热门关键词，百度首页基本都会出现百度自家产品的排名，即使这些自家产品没有做过任何SEO，它们依然能够坚挺的排在首页。SEO人如果能学会利用百度自家产品借力使力，可以达到事半功倍的效果。

而谷歌对于自家产品一视同仁，如果违反谷歌站长指南，即使是自家产品，谷歌一样格杀勿论，谷歌日本、谷歌浏览器等被降权就是很好的例子们。

所以，要做好谷歌SEO，必须严格遵守谷歌站长指南，没有捷径;要做好百度SEO，如果要短期获得效果，尝试借助百度自身平台的优势将会是一个很不错的想法。

在谷歌，用户找到他们想要的信息通常只需要百度用户一半的时间(谷哥是30秒，而度娘是55秒)，大部分用户只看前三个结果;

反之，在百度，用户通常会把搜索结果上的内容从头扫到尾，同时我们注意在百度的那张热力图上，红点表示点击，大量出现在百度搜索框和底部相关搜索上，而非搜索结果的网页，这对于百度来说可不算是一个给力的数据，那为啥会这样子?很大程度原因要和搜索质量有关，百度的搜索结果相对是比较混沌的，很多时候用户根本分不清那些是付费广告，那些是自然结果，而通常这些付费广告的内容又不能很好满足用户的需求，所以用户可能会选择再次提炼搜索字词，或者干脆拉到底部看相关推荐去再次寻找他们真正想要的内容。当然，可也是为什么百度用户平均要花费55秒，几乎是谷歌的两倍的搜索时间去发现他们想要的信息。

从页面收录的时间来看，谷歌绝对是比百度快很多，而且通常只要在外围放置少量的外链入口谷歌就能顺着链接爬到你的网站并且建立索引，而百度则不同，对于新站不会立刻收录，甚至相当长的时间都不收录。新网站通过百度的考核期后，百度才开始收录你的网站，这个考核期对于很多站长来说是比较难熬的，考核期的时间有时候确实让人琢磨不透，有的网站甚至一个多月两个月才开始收录，也有的网站两三天就收录了，如果说是一些高质量的网站收录快，质量较差的网站收录慢也能理解，可是据了解一些非法的网站、质量很差的网站也有很多很快就被收录了，这就让人有些琢磨不透了。

所以，做百度SEO，特别是新站，不要随便去保证别人二、三个月见效之类的话，很可能两个月百度都没有把你的网站放出来，呵呵。所以一般我们和客户去谈这样类型的SEO优化，都是至少要6个月的优化期，少于这个时间一般是不做的，除非他不要保证绩效。

对待新站百度和谷歌都有各自的审核标准，谷歌有谷歌沙盒，百度也有自己的审核期，从持续的时间来看，基本上也差不过，都为3-6个月的时间。不同的是，过了审核期后，谷歌评判关键词排名的标准更多是从这个页面本身的质量度和外部链接的推荐情况来排序，不会因为你的站点年轻而影响某个具体页面的排名，而百度依旧会考虑整站的权重，所以新站很难从百度获取热词、难词的排名，更多的情况是通过大网站转载之后，被大网站抢去流量和排名，而对于谷歌来说，新站获取热词排名是极有可能的事情。

网站一定被谷歌K了之后，不用过于担心，按照谷歌站长指南调整好自己的网站，再通过谷歌管理员工具和谷歌沟通，谷歌会重新观察网站是否改正之前的作弊手段，一旦改正之后，谷歌还是会恢复的。但百度，如果网站被K，那么恢复的几率就很小了，虽然百度也有申诉通道，但是个人认为这些只是形式上的摆设，大部分得到的回复都是答非所问，当然百度也可以怪大部分站长问的问题很不明确，属于无效提问。但事实上，即使是有效提问，处理的速度和回复效率仍然是很低下的，如果要举例，足可以写一篇博文，这里暂不详述。当然这个也是和百度自身人员的素质有关，没有专人专项去管这件事情必然导致目前这种尴尬的局面。所以对于百度SEO，一定要严格遵守百度站长指南，虽然可以说有些网站作弊也能排到百度首页，这种情况我无法解释，就像为什么有些人无所作为，在公司里混混也能拿高工资，或许看到的只是表面现象。

谷歌完全遵守robots协议，一旦robots设置屏蔽谷歌蜘蛛之后，谷歌就不会对网站进行抓取和索引，但是百度似乎并不严格遵守，当给网站设置robots协议之后，百度蜘蛛有时会绕过/无视robots文件，仍然会继续爬行空间文件，当然这里只是说它们在爬行，没有放出来而已，但，个人猜测，网站数据都完完整整的被百度记录在他们的服务器内，只是没有生成摘要在搜索结果页显示而已。百度并不严格遵守robots协议。

谷歌和百度对于外链的评判标准其实很不同，对于谷歌而言，外链更像是外部推荐，不仅仅局限于那个写在a标签里面可以直接点击的链接，来自social端的推荐因素也能够影响排名。而对于百度来说，链接就是链接，和social没有直接关系，同时百度也会认可那些没有写在a标签里的链接(这点谷歌是不接受的)，这个也是取决于互联网这个大环境，很多人不愿意给可以点击的外链，但是这些外链又确实是真心推荐的，到底算还是不算呢?百度站长平台说过，评判链接的唯一标准就是这条链接是否是用户真心推荐。所以，不管链接形式如何，只要这条链接推荐的东西有价值，就被百度算做一条外部链接，并且可以传递权重。

另外，外链重要程度百度和谷歌也各不相同。谷歌认为外链(外部的真实推荐)是网站的一个非常重要的信号，甚至要比一些站内SEO优化，如关键词密度，H标签、内链、URL结构都重要，因为谷歌完全有能力去索引和识别一个网站，而用户推荐的数据是谷歌所看中的。

而百度则不同，外部链接重要性占比没有谷歌那么大，一方面中国互联网的推荐机制还不够成熟，外链的可信度其实并不怎么高;另一方面，百度自身对于网站的索引和识别能力并没有谷歌那么强，所以对于百度SEO，做好站内优化、特别是关键词部署、网站结构梳理包括导航、内链机制都是非常重要的。

百度似乎比谷歌更重视内容的更新，一个网站或者页面有持续更新的内容对于百度来说是很友好的。也可以搜索一些冷门行业的热门关键词看看搜索结果前十的网站异同，你会发现排在谷歌前十的网站的内容几乎不怎么更新，而如果要排到百度首页的话，网站则必须是有海量内容更新机制，百度给予新鲜内容的权重度要远高于谷歌。

中国互联网转载和抄袭是司空见惯的事情，这个时候对搜索引擎来说，识别原创的能力就显得尤为重要，百度这方面做得非常不好。

谷歌对于热门信息的处理相对较快，往往能够很准确的找到新闻源的位置，而百度更多的是依靠大网站来获取热门信息，一旦小网站上有热点内容而又没有被大网站即时发现的话，百度是很难在短期内挖掘到的，所以这就是为什么百度要和新浪微博达成战略合作关系来共享数据，也是看中微博的一个短频快的特性，包括百度也会开放API接口与各大网站进行数据共享，就是为了弥补百度蜘蛛抓取的局限性和对热点把控能力弱这样一个无法在短期弥补的特性。

三、谷歌浏览器不支持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区分谷歌浏览器和css区分谷歌浏览器和网页的问题分享结束啦，以上的文章解决了您的问题吗？欢迎您下次再来哦！