vendor-prefix相关内容

CSS 前缀的目的是什么?

我知道,如果我们想确保某些 CSS3 功能在任何地方都能使用,我们需要使用 W3C 推荐的前缀版本,例如: transition:全 1s 缓动;-moz-transition:全 1s 轻松;-o-transition:全 1s 缓解;-webkit-transition:全 1s 轻松; 我知道前缀用于实验性功能,但为什么它们是必要的?他们为什么不在原来的 W3C 上测试它们?是否每个 C ..
发布时间:2021-12-25 12:01:39 前端开发

为什么浏览器要为 CSS 属性创建供应商前缀?

也许这是一个显而易见的答案,但是 为什么到底浏览器会决定为border-radius等创建自己的供应商前缀? 我的意思是:为什么我必须输入: -moz-border-radius: 10px;-webkit-border-radius: 10px;边框半径:10px; 是不是因为每个平台都认为“我们很酷,我们会想出一个更好的方法来制作圆角?"为一行键入三行似乎完全且莫名其妙地多余. ..
发布时间:2021-12-01 16:38:41 前端开发

在Visual Studio Code的CSS文件中启用供应商前缀自动完成功能

在添加没有在CSS文件(不是SASS或LESS文件)中添加供应商前缀的属性时,如何告诉VSCode自动添加供应商前缀的样式属性? 解决方案 我一直在使用 VS Code Autoprefixer插件 .它支持CSS,SCSS和SASS. 选择所有CSS,然后点击命令托盘,然后点击 AutoPrefixer:运行. 如果什么也没发生,请在 settings.json 中为Auto ..
发布时间:2021-04-26 20:39:03 前端开发

为什么使用特定的供应商前缀而不是代表所有浏览器的前缀?

据我所知,使用供应商前缀的唯一原因是浏览器创建者引入了供应商前缀,以便在根据W3C完全实施之前发布新规范. 但是为什么每个浏览器都需要一个特定的供应商前缀? 如果我们看下面的CSS, .box {-webkit-box-shadow:0 0 1px#000;-moz-box-shadow:0 0 1px#000;-o-box-shadow:0 0 1px#000;框阴影:0 0 1 ..
发布时间:2021-04-26 20:16:50 前端开发

CSS3供应商前缀现在有什么必要?

我只是想知道如今在CSS中仍需要在多大程度上指定供应商前缀,例如"webkit","moz","ms"或"o". 如果我理解正确,那么Opera会切换到webkit,这样就掉了"-o-"吧?IE在IE10中放弃了对"-ms-"的需求,但是对于较旧的版本,您仍然需要它吗?而且我现在不确定"-moz-"的故事是什么. 基本上,我的所有CSS3在所有(最新的)浏览器上都可以正常工作,而无需指 ..
发布时间:2021-04-16 19:15:33 前端开发

节点/Grunt-Autoprefixer-如何将配置添加到我的Gruntfile.js&如何检查支持的浏览器?

我想开始使用名为autoprefixer( https://github.com/ai/autoprefixer的CSS后处理器). 经过一番杂耍之后,我实际上完成了这项工作,这对我来说真是太了不起了,因为我是一个绝对的节点,咕and声和终端初学者. 在 autoprefixer文档中,它说一个人可以配置要支持的浏览器,因为这行代码的解释是给出: autoprefixer("last ..
发布时间:2020-11-21 01:51:11 前端开发

一次使用多个供应商特定的CSS选择器

我正在设置占位符文本的样式,并且需要使用几个供应商前缀的选择器,以便它可以在不同的浏览器中使用.当我将它们中的每一个作为单独的代码块放置时,它可以工作.但是,如果我使用逗号分隔的选择器列表,而不是对每个选择器重复相同的CSS,它将无法正常工作.谁能解释? 这有效: input[type=text]::-webkit-input-placeholder { color: gre ..
发布时间:2020-07-13 19:43:15 前端开发

iOS Safari过渡转换不起作用

例如,每当我似乎应用一些代码来说例如使用最新的iOS Safari浏览器移动div时,实际上并不会在这两个规则集之间进行转换.我尝试更改为使用百分比值以外的其他值,但直到今天,当我将transition: transform;应用于所应用的任何translate属性时,我都无法使其正常工作. 我使用的是正确的前缀和经过检查的支持,应该没有问题. http://caniuse.com/# ..
发布时间:2020-07-13 19:42:59 前端开发

哪些CSS3功能仍需要供应商前缀?

我记得最需要的前缀是flexbox,border-radius,box-shadow等功能,但是现在支持它们.随着越来越多的用户切换到功能更强大的浏览器(例如Chrome浏览器和Firefox),而不再使用IE,现在是否仍存在尚未得到完全支持且需要前缀的功能? 解决方案 有一个很棒的网站,它允许您检查大多数现代浏览器对任何CSS属性的支持.它还显示有关供应商前缀的信息(如果需要). 该站点 ..
发布时间:2020-07-13 19:42:51 前端开发

Microsoft Edge是否将使用-webkit-或-ms-之类的前缀?

Microsoft Edge会为将来的功能使用诸如-webkit-,-ms-的前缀还是其自己的新前缀吗?也许是-me-之类的东西? 解决方案 tl; dr:是和否 非常流行的现有前缀属性将保留,直到获得本机支持为止,但是Microsoft Edge将不引入新的功能前缀系统.取而代之的是,他们将使用功能标记(例如Chrome和Firefox在客户端(而不是开发人员)用于实验功能). ..
发布时间:2020-05-09 20:11:29 其他开发

如何设置供应商前缀CSS值(NOT属性名称)|客户端

我实际上已经猜到这会发生但是在发布后几秒钟我得到了一个“可能重复”的标志,这是不合适的!这个问题关于CSS值和关于CSS属性名称,因此它不是 this 或这个问题!它也不是这一个,因为我是要求通用的解决方案。 如果你仍然不相信或不确定这篇文章的内容,也许你会看看这个问题的底部:“我不是在寻找什么”和“谁没有完成工作” 有没有办法如果需要,通过JavaS ..
发布时间:2019-06-07 18:57:34 前端开发

-ms-animation我应该为旧浏览器包含这个吗?

正如标题所述,我想知道是否应该使用它。 根据MS文档,简单地使用“动画”现在是IE10的默认值(这就是为什么我有一个绿色的波浪线) 在查看并修复它之后,我想知道,我是否还应该包含这行“-ms-animation” 有人可以说旧版浏览器是否需要它,或者是否需要追溯“-ms”前缀? 解决方案 动画,过渡,渐变和 font-feature-settings c> c c> c> ..
发布时间:2018-08-22 10:12:20 前端开发

我们如何在“罗盘观察”之后运行Autoprefixer?使用Gulp?

我想充分利用 autoprefixer 在罗盘之后监视对我的scss文件所做的更改,并使用自动复制的代码更新css文件,但我被卡住了。我在gulpfile.js中为compass和autoprefixer创建了一个gulp.task。当我使用下面的gulpfile.js运行“gulp server”时,一切正常,但没有autoprefixing; scss文件通过指南针运行并作为css文件输出,并 ..
发布时间:2018-05-31 11:48:26 其他开发

为什么在CSS3中有供应商前缀?

我可以理解使用他们的非官方的实验性的东西(即;不是在CSS3规范),以防止名称冲突,但为什么需要前缀的阴影等等? 每个供应商都不应该按照CSS3规范实现相同的效果吗? 编辑:一旦CSS3完成,前缀将会消失?我只是好奇为什么一些功能有前缀的一些功能的历史,有些不,当效果似乎在所有主要浏览器相同。 解决方案 此之前,但简单的回答是CSS3不是一个成品。 CSS 2.1直到2011年 ..
发布时间:2017-02-19 20:03:58 前端开发