草庐IT

javascript - 获取 CSS3 转换元素的大小

我想检索应用了CSS3转换的div的大小。-webkit-transform:scale3d(0.3,0.3,1);因此,实际上我已将元素设为其原始大小的30%。但是,当我查询元素的宽度/高度时,它会报告元素在应用转换之前的大小。我知道这实际上是正确的行为,元素实际上不会改变大小,但它的内容会。但是,我在这里问的原因是,如果我右键单击该元素并从弹出菜单中选择“检查元素”(我刚才在Mac上使用Safari),该元素将突出显示并且呈现的大小显示在附加到元素的浏览器工具提示中。因此,这表明浏览器“知道”呈现的大小,但我还没有找到访问此信息的方法。谁能帮帮我? 最佳

javascript - 在 Web 元素中查找未使用的 CSS 规则和 js 脚本?

嗨..我的元素有很多我的元素中没有使用的CSSAngular色和JavaScript脚本。我怎样才能找到这些未使用的文件? 最佳答案 有一个不错的firefox小插件,叫做DustMeSelectors,它会扫描页面中未使用的CSS。这是一个非常好的工具,可用于发现样式表中的冗余内容。然而,您仍然需要小心使用它,因为在您运行程序时很可能未使用样式表,但对于您的站点来说仍然是必需的-即它可以用于动态内容,或用于其他共享相同样式表代码等的页面。[编辑]我删除了之前的编辑,其中我注意到该元素可能已被放弃,因为事实上它看起来又回到了积极的开

javascript - Webpack - 未应用 CSS

我决定试试Webpack2。我正在尝试捆绑js和css。问题在于CSS未应用于页面上的元素(它存在于构建文件中)。这是应用结构:app|-styles.css|-app.jsbuild|-bundle.jsindex.htmlwebpack配置文件:varpath=require('path');module.exports={entry:'./app/app.js',output:{filename:'bundle.js',path:path.resolve(__dirname,'build')},module:{rules:[{test:/\.css$/,use:'css-load

javascript - 是否有针对 IE6 的 JavaScript PNG 修复程序允许 CSS 背景定位?

我已经看到一些允许PNG图像在InternetExplorer6中具有透明度的修复程序,但我还没有找到一个也允许您在CSS中设置背景位置的修复程序。如果你使用Sprite,这是一个交易破坏者。我求助于使用GIF(质量不高),根本不使用透明图像,或者提供与IE6完全不同的样式表。是否有针对IE6的修复程序允许PNG透明度和背景定位? 最佳答案 是的。转换图像以使用索引托盘(png256)。您可以支持透明度(就像gif),但不能支持alphachannel。您可以使用Irfanview执行此操作和pngout插件,pngquant或pn

javascript - 如何使用 Chrome 开发者工具保留 CSS 更改

我正在尝试调试下拉菜单。我还没有访问该网站的权限,所以我试图通过GoogleChrome开发者工具找到一个解决方案,我可以测试该解决方案,然后在我获得访问权限时将其应用于该网站。这只是CSS和一些Javascript更改。问题是我想通过开发工具应用一些新的CSS样式规则,但这些规则在刷新网页时仍然存在。有没有一种方法可以应用样式并让它们持久存在?我查看了资源部分,哪种建议我可以做这样的事情(也许通过添加本地样式表作为资源?),但我就是不知道该怎么做。有人能给我指出正确的方向吗?非常感谢大家... 最佳答案 您可以安装Tampermo

javascript - 检测 css "flex-box"和 "flex-wrap"支持的正确方法是什么?

我正在寻找一种解决方案,我们如何通过JavaScript检测对cssflex-box和flex-wrap的支持。我知道modernizr可以完成这项工作,但我的客户不允许我们在标题部分加载任何脚本,不幸的是,这在加载页脚时不起作用。在所有类型的浏览器/设备上实现这种检测的正确方法是什么? 最佳答案 howwecandetectthesupportofcssflex-boxandflex-wrapbyJavaScript.创建一个元素并检查样式属性。如果支持,它将不返回任何内容,即''否则它将返回undefined。例如,如果您在Ch

javascript - 具有变量和多个值的 jQuery .css() 函数

奇怪的小困惑。我正在使用jQuery的.css()方法通过变量更改文本的大小(说来话长;不,我不能使用媒体查询),我需要添加em给它。我不确定语法是什么,因为CSS更改有多个值。举例说明:这非常有效。它将em添加到victore的计算值中:$('h1').css('font-size',victore+'em');这不是:$('h1').css({'font-size':victore+'em','line-height':vignelli+'em';});em需要引号...但是值也需要。用括号包裹它不起作用 最佳答案 你不应该在整

javascript - 测试浏览器是否支持 CSS 选择器

非常简单:如何最准确地测试浏览器是否支持某个CSS选择器?我目前有一些CSS代码,通过在CSS中使用:checked选择器使页面更具交互性,但我想创建一个后备脚本,用JavaScript做同样的事情,但是仅当用户的浏览器不支持:checked选择器时。我的问题是,如何最准确地测试用户的浏览器是否支持某个CSS选择器?这是我想使用它的代码:HTML:Iwanttoeatsomecaek.CSS:.coolboxinput{display:none;}.coolboxspan::before{content:"";display:inline-block;width:10px;height

javascript - 在 css 中保持纵横比与图像宽度

有没有一种方法可以使用css修复给定较小宽度的图像的纵横比?也许通过使用jQuery/javascript?谢谢! 最佳答案 使用纯CSS,您可以只设置图像的一个维度,width或height,并将另一个设置为auto,例如:.thumb{width:200px;height:auto;}图片的宽度固定为200像素,高度取决于纵横比。 关于javascript-在css中保持纵横比与图像宽度,我们在StackOverflow上找到一个类似的问题: https:

javascript - 在 Polymer 中通过 JS 更改 CSS 变量

在我的Polymer元素中,我有一个工具栏,我想使用JavaScript更改其颜色。由于Polymer在内部使用CSS变量—paper-toolbar-background进行样式设置,因此我无法执行类似style.color的操作。我找到了一个名为setProperty()的方法,但它对我不起作用。有没有人已经找到解决方案? 最佳答案 在元素的customStyle映射中设置变量值,然后调用updateStyle方法。这是一个元素示例,该元素通过修改其定义的自定义样式的值来更改其自身的可见性。变量也可以是外部的。:host{dis