聊城网站制作公司,聊城网站建设,聊城网站优化,聊城网络公司,聊城网站推广,聊城网站运营,聊城网络运营,聊城搜索引擎优化,聊城网页设计,聊城网站制作
 
 
公司拥有五年的网站建设经验,专业网站制作,推广及网站优化,有大量优秀客户案例
网站建设 | 设为首页 | 加入收藏 | 联系我们  
公告:热烈庆祝聊城精英网络2010版官方网站改版成功!
当前位置 :首页 > 网页知识  

CSS中如何区分谷歌浏览器的兼容

http://www.wangzhan123.net   2013-10-23 7:34:47 来源:浩子 作者:浩子   人气:
谷歌浏览器已经被很多用户认可,不仅仅是它的外观简洁,而且功能也很强大,对于我们常常写CSS的站长来说不仅要照顾谷歌浏览器,还要照顾各个主流的浏览器,有时候在按照常理写CSS的时候其他浏览都兼容某段CSS但是谷歌死活不兼容我们要怎么来做呢?

我们知道各种浏览器都有他特殊区分的hack,比如我们要区分IE6我们可以用“—”等。详细大家可以看本站的:IE6、IE7、IE8、Firefox、Opera、谷歌浏览器、Safari CSS hack区分,浏览器,其实在这篇文章里面就有介绍如何区分谷歌浏览器,由于谷歌的比较特殊好多朋友都不会,所以这篇文章详细的说以下这个如何来实现。

先来给出一个DIV

<div id=”home”>

这里是DIV的内容

</div>

一般我的写CSS应该是这样:

#home{width:200px;height:200px;}

但是如果要区分谷歌浏览器是这样的:

@media screen and (-webkit-min-device-pixel-ratio:0) { #home{width:300px;height:300px;} }

也就是在#home的CSS属性外面加上了@media screen and (-webkit-min-device-pixel-ratio:0) {}

专业设计团队
满足您的各种设计要求
实力程序开发团队
为您定制各种程序模块
后台管理高效安全
方便更新上传网站资料
全球高速访问
无盲区、定制异地备份
专业客服团队
解决一切使用难题
赠送大容量空间邮箱
免费优化推广
   
关于我们 | 工作机会 | 付款方式 | 网站制作 | 网页制作 | 网页设计 | 网络公司 | 联系我们 | 网站地图
版权所有:聊城精英网络科技有限公司 © 2005-2010 All Rights Reserved.
咨询专线:0635-6950368 技术专线:15192175820 在线QQ:312817927 1485871644
地址:聊城市闸口科技市场 邮编:252000 苏ICP备10112026号