小编Dea*_*ott的帖子

Retina显示,高分辨率背景图像

这可能听起来像一个愚蠢的问题.

如果我使用这个CSS片段进行常规显示(其中box-bg.png200px乘200px);

.box{
    background:url('images/box-bg.png') no-repeat top left;
    width:200px;
    height:200px
}
Run Code Online (Sandbox Code Playgroud)

如果我使用这样的媒体查询来定位视网膜显示(使用@ 2x图像作为高分辨率版本);

@media (-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 

    .box{background:url('images/box-bg@2x.png') no-repeat top left;}
}
Run Code Online (Sandbox Code Playgroud)

我是否需要将.boxdiv 的大小加倍到400px乘以400px以匹配新的高分辨率背景图像?

css media-queries responsive-design

97
推荐指数
3
解决办法
9万
查看次数

CSS透视不适用于Firefox

这可能是任何人曾经问过的最简单的问题,但是今天早上我的脑子里一片空白.也许我需要更多咖啡.

基本上我正在尝试将一些CSS3变换效果添加到元素中,无论出于何种原因,Firefox都不会玩球.

如果你看看Chrome 中这个小提琴,你会看到我想要的东西,然后如果你在Firefox中看到它,你会发现它不一样......

这是该特定元素的CSS;

-webkit-transform: rotateY(60deg) scale(0.9);
-ms-transform: rotateY(60deg) scale(0.9);
transform: rotateY(60deg) scale(0.9);
Run Code Online (Sandbox Code Playgroud)

我只是错过了一处房产吗?

css firefox google-chrome css3 css-transforms

5
推荐指数
2
解决办法
2827
查看次数

在具有特定类的每个元素之后添加div

有没有办法在具有特定类的每个元素后自动将div插入到我的标记中?

例如;

如果我有以下标记

<div class="three-col"></div>

<div class="three-col"></div>

<div class="three-col last"></div>
Run Code Online (Sandbox Code Playgroud)

有没有办法添加

<div class="after-last"></div>
Run Code Online (Sandbox Code Playgroud)

在"三列最后"div后自动?

我正在创建一个Wordpress主题,我已经创建了一些列短代码,但是当div向左浮动时,如果最后一列的内容少于其余列,则在它下面跳过之后添加的任何内容.

任何建议都会很棒.

谢谢.

php jquery

1
推荐指数
1
解决办法
864
查看次数

CSS - 将填充添加到第二行内联文本

我甚至不确定这是否可行,但我认为值得一提.

我试图解释这是毫无意义的,我对这样的事情很垃圾,所以看看这个演示 - http://www.deanelliott.me/braintrain/

看看6幅图像上的标题是如何具有橙色背景色的?现在看看第二行的第一个和左侧的右侧是如何丢失填充的?

是否可以在那里添加填充,以便背景不仅仅停留在单词的结尾/开头?

或者我应该告诉他们这是不可行的,他们将不得不忍受它?

css

1
推荐指数
1
解决办法
2万
查看次数