safari的webkit核心浏览器css代码

时间：2020-06-11 16:22:20 阅读：95 评论：0 收藏：0 [点我收藏+]

css谷歌涉猎器css Chrome css safari涉猎器辨认CSS hack

咱们知道和会运用CSS IE火狐阅读器之间的判别DIV + CSS HACK，这里为大家再引见下区分谷歌浏览器（Chrome）苹果涉猎器（safari）与IE之间的hack;

只有webkit焦点涉猎者的谷歌涉猎器，safari阅读器辨认的CSS hack

Chrome和safari的CSS hackcode，只有谷歌浏览器

楷模：

HTML代码：

总DIV CSS代码：

<！DOCTYPE html>
<html>
<头>
<meta http-equiv =“ Content-Type” content =“ text / html; charset = utf-8” />
<title> google阅读器和safari站点套件独占鉴别其他浏览器cs hack演示</ title>
<style type =“ text / css”>
@media屏幕和（-站点kit-min-device-pixel-ratio：0）{
.yangshi1 {color：＃f00}
.yangshi2 {border：1px实心＃f00;}
.yangshi3 {background：＃f00;}
} 杭州代孕【网址:bztss.com】
/ *血色区代码是顺便写给谷歌阅读器才执行的名堂* /
</ style>
</ head>
<身体>
<div class =“ yangshi1”> <a href="//www.css5.com.cn"> css </a>样式1 </ div> <br />
<br />
<div class =“ yangshi2”> <a href="//www.css5.com.cn"> CSS5 </a>样式2 </ div> <br />
<br />
<div class =“ yangshi3”> <a href="//www.css5.com.cn"> div + css </a>花色3 </ div>
</ body> 代孕网【网址:bztss.com】
</ html>

可本身动出手复制以上完整演示代码，本人实例实例增加回顾回头和运用本事知识

明显：左侧下方为IE涉猎器展现成绩，右侧上方为谷歌浏览器表示成绩，很显明Chrome赞成独有奏效的此CSS黑客代码。

总结：只重要google涉猎器辨认的技俩决意器，咱们用以下代码封装（新建CSS款式决议器放入花括号中，完全完成只有Chrome识别认出主体）就可：

原文地址：https://www.cnblogs.com/hp1986/p/13093796.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行