大家好，谷歌浏览器 span相信很多的网友都不是很明白，包括谷歌浏览器 安卓下载也是一样，不过没有关系，接下来就来为大家分享关于谷歌浏览器 span和谷歌浏览器 安卓下载的一些知识点，大家可以关注收藏，免得下次来找不到哦，下面我们开始吧！

本文目录

1. JQ轮播图效果谷歌浏览器不兼容 麻烦大神看一下
2. 急!怎么用js提取出span标签内style里的属性值
3. js在火狐、谷歌等浏览器内的问题!
4. 怎么把谷歌浏览器新标签页的8个方框设置成自己想要的
5. 谷歌浏览器不支持CSS设置小于12px的文字怎么办

一、JQ轮播图效果谷歌浏览器不兼容 麻烦大神看一下

您好，这个是跟您的浏览器有关系的。浏览器不兼容，怎么设置都不行。您可以换个浏览器试试。现在qq浏览器挺好用的。它采用全新架构并针对IE内核做了全面优化。瞬间开启的超快体验，灵动轻逸的全新设计，更有强大的安全保障。旨在带来更轻、更快、更安全的浏览体验，给用户一个既纯净又简约的上网环境。而且它的兼容性能特别强大，适合各种配置。

二、急!怎么用js提取出span标签内style里的属性值

内嵌样式：是写在Tag里面的，内嵌样式只对所有的Tag有效。

内部样式：是写在HTML的里面的，内部样式只对所在的网页有效。

外部样式表：如果很多网页需要用到同样的样式(Styles)，将样式(Styles)写在一个以.css为后缀的CSS文件里，然后在每个需要用到这些样式(Styles)的网页里引用这个CSS文件。

getComputedStyle是一个可以获取当前元素所有最终使用的CSS属性值。返回的是一个CSS样式对象([object CSSStyleDeclaration])

currentStyle是IE浏览器的一个属性，返回的是CSS样式对象

element.style//只能获取内嵌样式

element.currentStyle//IE浏览器获取非内嵌样式

window.getComputedStyle(element,伪类)//非IE浏览器获取非内嵌样式

document.defaultView.getComputedStyle(element,伪类)//非IE浏览器获取非内嵌样式

注：Gecko 2.0(Firefox 4/ Thunderbird 3.3/ SeaMonkey 2.1)之前，第二个参数“伪类”是必需的（如果不是伪类，设置为null），现在可以省略这个参数。

下面的html中包含两种css样式，id为tag的div是内嵌样式，而id为test的div样式为内部样式.

<metaname="Generator"content="EditPlus®">

<metaname="Author"content="YvetteLau">

<metaname="Keywords"content="关键字">

<metaname="Description"content="描述">

<title>Document</title>

<divid="test"></div>

<divid="tag"style="width:500px;height:300px;background-color:pink;"></div>

</html>

<scripttype="text/javascript">

<scripttype="text/javascript">

vartest=document.getElementById("test");

vartag=document.getElementById("tag");

//CSS样式对象:CSS2Properties{},CSSStyleDeclaration

console.log(test.style);//火狐返回空对象CSS2Properties{}，谷歌返回空对象CSSStyleDeclaration{}

console.log(tag.style);//返回CSS2Properties{width:"500px",height:"300px",background-color:"pink"}

//element.style获取的是内嵌式的style，如果不是内嵌式，则是一个空对象

console.log(tag.style.backgroundColor);//pink

console.log(tag.style['background-color']);//pink

//获取类似background-color,border-radius,padding-left类似样式的两种写法啊

console.log(test.currentStyle)//火狐和谷歌为Undefined,IE返回CSS对象

console.log(window.getComputedStyle(test,null))//谷歌返回CSSStyleDeclaration{……}，火狐返回CSS2Properties{……}

console.log(window.getComputedStyle(test))

//效果同上,但是在Gecko2.0(Firefox4/Thunderbird3.3/SeaMonkey2.1)之前,第二个参数“伪类”是必需的(如果不是伪类,设置为null)

console.log(test.currentStyle.width);//500px(IE)

console.log(window.getComputedStyle(test).width);//500px;

console.log(window.getComputedStyle(test)['width']);//500px;

//document.defaultView.getComputedStyle(element,null)[attr]/window.getComputedStyle(element,null)[attr]

三、js在火狐、谷歌等浏览器内的问题!

1、世界之窗用的就是ie显示网页，你把ie卸载，世界之窗也没用

2、之所以不能兼容，是因为你还在用古老的dhtml的方法查找元素，这种方法现在是只有ie支持的，这也是为什么ie会有如此差评。

3、记住把你所有直接用window.id这样的代码（id指元素的id属性）改成document.getElementById(id);这样才能保持兼容性

4、希望你能在w3c上好好看一看dom查找元素的方法，把dhtml的习惯改掉，毕竟它是差不多上个世纪的

四、怎么把谷歌浏览器新标签页的8个方框设置成自己想要的

1、首先在桌面双击谷歌浏览器图标。

2、打开谷歌浏览器页面后，会出现如下图的界面

3、常浏览的网站，会自动生成图标，如果想添加网站，点击“+”号。

4、打开自己经常浏览的网站，比如“新浪”，复制地址栏中的网站，粘贴在第三步的网址栏，并添加名称（如图）。点击“完成”。

5、现在，就会看到“新浪”就会出现自己的标签页里了。

6、如果想删除网站标签，将光标移到网站标签上，点击出现的三点，选择“删除”就会删除添加的网站。

五、谷歌浏览器不支持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>

好了，文章到这里就结束啦，如果本次分享的谷歌浏览器 span和谷歌浏览器 安卓下载问题对您有所帮助，还望关注下本站哦！