有没有办法将以下CSS应用于div仅在Google Chrome中的特定内容?
position:relative;
top:-2px;
Run Code Online (Sandbox Code Playgroud) 我正在使用@media查询只使Chrome浏览器将".l-triangle"定位在特定位置.所以我使用以下方法
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Fix for Chrome / Safari Users ONLY */
.l-triangle {
background: transparent url('../images/menu_bg_left.gif') no-repeat;
position: absolute;
float: left;
width: 55px;
height:75px;
display: block;
left: 0px;
top:0px;
z-index: 0;
-webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.7);
-moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.7);
box-shadow: 0 8px 6px -6px rgba(0,0,0,0.7);
}
Run Code Online (Sandbox Code Playgroud)
它适用于屏幕尺寸大于968像素但不小于968像素的Chrome浏览器.
我的问题是如何为只有 2种不同屏幕尺寸的Chrome浏览器传递2个不同的css值?