开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >专栏 >关于Google Chrome的hack的具体用法

关于Google Chrome的hack的具体用法

练小习

发布于 2017-12-29 06:14:01

发布于 2017-12-29 06:14:01

1K0

举报

文章被收录于专栏：练小习的专栏练小习的专栏

最近不少哥们找Google Chrome的专用hack，有兄弟说在网上搜到了不知道怎么用。我没具体看网上都有哪些，这里有一个自己找的hack，针对Google Chrome 的，希望能帮到弟兄们。

例子：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>关于Google Chrome的hack的具体用法</title>

<style>

@media screen and (-webkit-min-device-pixel-ratio:0)

{

.red {

color: #ff0000;

}

}

</style>

</head>

<body>

<div class='red'>老子在Google Chrome底下是红色的，我骄傲！</div>

</body>

</html>

提示：你可以先修改部分代码再运行。

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

评论

登录后参与评论

暂无评论

编辑精选文章

换一批

鹅厂写码13年，我总结的程序员高效阅读方法论

进程，线程，协程 - 你了解多少？

微服务与分布式系统设计看这篇就够了！

腾讯文档表格卡顿指标探索之路

从Hadoop1.0到Hadoop2.0架构的优化和发展探索详解

微服务架构：由浅入深带你了解底层注册中心

css2.1中的属性选择器(css高手请绕道)

早上看了司徒先生的js版属性选择器(http://www.cnblogs.com/rubylouvre/archive/2009/10/27/1590102.html)，也激发了我深入了解css选择器的学习欲望，整理于此以便日后备查 *：匹配任何元素。例如: *{margin:0} E：匹配任何E元素。例如: div{color:red} E F：匹配E的所有后代F元素。 E > F：匹配E的所有子F元素。这个选择器与上一个选择器的区别是：E F会匹配E标签里面嵌套的所有F标签，而E > F只会匹配

菩提树下的杨过

2018/01/23

1.2K0

JavaScript对象之document对象

javascript 面向对象编程

DOM对象之document对象 DOM对象：当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。 HTML DOM 模型被构造为对象的树。打开网页后，首先

二十三年蝉

2018/02/27

1.5K0

JavaScript对象之document对象

CSS布局 -- 左侧定宽，右侧自适应

　　左侧定宽，右侧自适应有很多种方法可以实现缩小窗口试试看？方案一：左边左浮动，右边加个margin-left 查看 demo <!DOCTYPE html PUBLIC "-//W3C/

书童小二

2018/09/03

1K0

CSS布局 -- 左侧定宽，右侧自适应

JavaScript事件与例子

事件，就是预先设置好的一段代码，等到用户触发的时候执行。一：常见的事件： 1.关于鼠标的事件　　onclick 鼠标单击触发　　ondblclick 鼠标双击触发　　onmouseover 鼠标移上触发　　onmouseout 鼠标离开触发　　onmousemove 鼠标移动触发 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tra

二十三年蝉

2018/02/27

8810

IE7下当position:fixed遇到text-align:center

啥也不说，先看代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>IE7下当position:relative遇到text-align:center</title> <meta

菩提树下的杨过

2018/01/22

5610

CSS教程:div垂直居中的N种方法「建议收藏」

css html 容器

大家好，我是架构君，一个会写代码吟诗的架构师。今天说一说CSS教程:div垂直居中的N种方法「建议收藏」,希望能够帮助大家进步!!!

Java架构师必看

2022/02/07

2.5K0

CSS布局 -- 左右定宽，中间自适应

左右设置绝对定位，定宽，中间设置margin-left margin-right

书童小二

2018/09/03

1.2K0

CSS布局 -- 左右定宽，中间自适应

收集两种垂直居中的代码

本文介绍了如何实现浏览器兼容性的几种方法，包括使用CSS hack、使用CSS reset、使用CSS前缀、使用DOCTYPE、使用svg、使用canvas和CSS flex。这些方法可以帮助开发者解决不同浏览器之间的兼容性问题，提高开发效率和用户体验。

练小习

2017/12/29

8780

CSS样式表的样式主要可以分为大小，背景，字体，对齐方式，边界边框，列表方块，格式布局等。元素的大小： #div1{ width:300px; height:1000px; } width:宽度，单位可以使用百分比或者像素 height：高度，单位可以使用百分比或者像素如果没有内容且不设置高度和宽度在页面是看不到。背景： #div1{ width:300px; height:1000px;

二十三年蝉

2018/02/27

1.6K0

className用法

4.className用法例 4.1（keyIEFF.html） <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title> </title> <script language="JavaScript" type="text/javascript"> function calc(thistextar, Span) { var len = thistextar.value.length; Span.innerHTML = len + ' 字'; Span.className = 'toredC'; } </script> <style type="text/css">  </style> </head> <body><textarea cols="50" rows="3" onKeyUp="calc(this,document.getElementById('num'))" ></textarea> (<SPAN id=num>字数</SPAN>) </body> </html>

马克java社区

2020/12/02

8000

Jquery取得iframe中元素的几种方法Javascript Jquery获取Iframe的元素、内容或者ID，反之也行！

jquery取得iframe中元素的几种方法在iframe子页面获取父页面元素代码如下: $('#objId', parent.document); // 搞定... 在父页面获取iframe子页面的元素代码如下: $("#objid",document.frames('iframename').document) $(document.getElementById('iframeId').contentWindow.document.body).html() 显示iframe中body

磊哥

2018/05/08

8.8K0

关于FF下截取后省略号的问题

本文讲述了一位同学在排查关于FF下截取后省略号的问题时，发现使用text-overflow:ellipsis属性无法在FF下实现省略号效果。他通过使用:after伪类来模拟FF下的省略号，并给content一个…的值，hack解决宽度问题，从而让样式看起来更舒服。同时，提醒可能有更好得办法解决此问题。

练小习

2017/12/29

6290

CSS布局 -- 圣杯布局 & 双飞翼布局

按照我的理解，其实圣杯布局跟双飞翼布局的实现，目的都是左右两栏固定宽度，中间部分自适应。

书童小二

2018/09/03

1.6K0

CSS布局 -- 圣杯布局 & 双飞翼布局

jquery 自己编写插件1

html http javascript jquery

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>color</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style> .a{ color : red; } </style> <script type="text/javascript" src="../../scripts/jquery.js"></script> <script type="text/javascript"> //插件编写 ;(function($) { jQuery.fn.extend({ "color":function(value){ return this.css("color",value); } }); })(jQuery);

用户5760343

2019/10/10

4220

杨校老师课堂之Web前端JS类库_JQuery案例[效果图与代码齐全]

https 网络安全 jquery css

下载：https://files.cnblogs.com/files/xiaoxiao5016/font-awesome.min.css 或者官方下载：https://fontawesome.com/download

杨校

2019/06/14

8220

div定位在浏览器底部（CSS解决）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档

用户1730674

2018/05/02

9370

DIV+CSS中标签dl dt dd常用的用法

转自：http://smallpig301.blog.163.com/blog/static/9986093201010262499229/

bear_fish

2018/09/19

9190

DIV+CSS中标签dl dt dd常用的用法

CSS3学习3----举例

《2》。对于绝对定位：对于上面的浮动的div1,div2,div3，我们还可以通过绝对定位对其进行设置。如：

py3study

2020/01/07

7010

Flask的集中控制

想通过一个统一的机制，同时允许一些公共的逻辑 {% if args["NoUser"] %} 无用户！ {% else %} <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv

用户1075292

2018/01/23

6310

把网页内容全部导入word

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312">

hbbliyong

2018/03/05

1.4K0

相关推荐

css2.1中的属性选择器(css高手请绕道)

更多 >

LV.1

腾讯高级前端开发工程师

专栏

2

作者相关精选

换一批

加入讨论

的问答专区 >

1TDP会员擅长3个领域

相关课程

一站式学习中心 >

EdgeOne一站式玩转网站加速与防护实战营

数字化IT从业者知识体系