当前位置: 首页 > 软件库 > Web应用开发 > CSS框架 >

Autoprefixer

浏览器前缀处理工具
授权协议 MIT
开发语言 JavaScript HTML/CSS
所属分类 Web应用开发、 CSS框架
软件类型 开源软件
地区 不详
投 递 者 庄文栋
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

Autoprefixer解析CSS文件并且添加浏览器前缀到CSS规则里,使用Can I Use的数据来决定哪些前缀是需要的。

所有你需要做的就是把它添加到你的资源构建工具(例如 Grunt)并且可以完全忘记有CSS前缀这东西。尽管按照最新的W3C规范来正常书写你的CSS而不需要浏览器前缀。像这样:

a{
     transition :transform 1s
}

Autoprefixer使用一个数据库根据当前浏览器的普及度以及属性支持提供给你前缀:

a{
     -webkit-transition :-webkit-transform 1s;
     transition :-ms-transform 1s;
     transition :transform 1s
}

介绍来自 cnblogs @三桂

  • Autoprefixer是一款基于PostCSS插件,用于解析CSS并使用Can I Use中的值向CSS规则添加供应商前缀 。它是 Google 推荐的,并在Twitter和阿里巴巴中使用。 可以实现css3代码自动补全,也可以运用到sass、less中 前端开发中,为兼容所有浏览器,部分CSS属性需要加上不同的浏览器前缀,这些属性多且难记。 当然,我们可以手动添加,这样会使开发变得枯燥无味,且

  • 在使用autoprefixer时,先前的配置能成功添加css浏览器前缀,但结合postcss-pxtorem插件后,px可以转换为rem,但css前缀无效。 经过几个小时的鼓捣,终于让我发现了蛛丝马迹。哈哈哈,好开心,好激动!! 一起来看一看博主遇到的问题。 1. autoprefixer的配置 根目录postcss.config.js文件中,配置代码如下: module.exports = {

  • Autoprefixer不生效,不起作用, 网上查询了很多版本的解决方法。都没有解决,最终其实这个问题很简单。什么退回老版本,都不是必要的。 一、前提条件: 用管理员身份运行VS Code 二、安装最新版本的Autoprefixer 三、设置快捷键为:Ctrl+Alt+X(也可以根据自己需要设置) 四:配制 "autoprefixer.options": {         // 定义浏览器参数

  • CSS 界的 Babel,能够转译 CSS 代码,通过一些列插件增强浏览器兼容性,并让开发者提前用上新特性 插件或库 说明 网址 postcss Transforming styles with JS plugins 官网、github postcss-cli CLI for postcss github postcss.parts A searchable catalog of PostCSS

  • nuxt文档说明nuxt2是自带autoprefixer的 但是项目搭建完之后死活都没有生效,后面看了postcss文档,autoprefixer文档说明 但是postcss官网对于autoprefixer的配置跟nuxt上配置位置不太一样 通过查看nuxt官网发现autoprefixer的配置在nuxt.config.js里面的build对象下 postcss: { preset: {     

  • vue3 -vite报错:Error: Loading PostCSS Plugin failed: Cannot find module 'autoprefixer' 第一步、解决:根目录上新建postcss.config.js module.exports = { plugins: { 'autoprefixer': {browsers: 'last 5 version'} }

  • 【webpack5】 autoprefixer不生效 一、问题 一些新css特性需要加前缀来兼容浏览器: transform: rotate(30deg); 应该被转为: /* -moz、-ms、-o、-webkit*/ -webkit-transform: rotate(30deg); transform: rotate(30deg); 官方文档指导下配置(不生效): webpack.c

 相关资料
  • CSS3 规范从启动到成为W3C 的推荐标准,一般要经历数年。在W3C 开发标准的过程中,浏览器通常会提前实现这些特性。 浏览器厂商通常都是在属性名称前添加厂商的私有前缀,来测试这些尚未成为标准的特性。因此,可以借助私有前缀,来解决浏览器对CSS3的兼容性问题。 不同的内核都有各自的私有前缀,三大主流内核的私有前缀见表 10‑2: 表 10-2 浏览器私有前缀 内核 前缀 主要浏览器 Triden

  • 问题内容: socket.io中有一种方法可以在断开连接的事件中创建超时,然后检查用户是否已重新连接? 这个想法是仅在超时后未重新连接用户时才发出数据/将用户状态保存在数据库中 编辑 :@Are Wojciechowski回答之后,我已经完成了多个标签页和F5洪水处理程序 https://gist.github.com/foohey/7696811 问题答案: 有一个。所以你可以做 我明白了 因此

  • 问题内容: 我写了一个简单的程序。只是CTabItem固有的CTabFolder和WelcomTab。我想通过呈现我的html的浏览器填充我的WelcomeTab。在WelcomeTab的init()方法上,我创建了一个浏览器,但是当程序要构造它时,出现此错误 … 另外,我在基于Arch-Linux的KDE上使用Eclipse 3.7,因为我在各处搜索到此错误时都发现线程受限,所以这是一个简单的程

  • MATLAB工作空间包含内建MATLAB处理任务时以及储存在记忆体中的变量排列。你可以通过使用函数、运行M-文件、装载已存文件等方式增加变量到工作区。 要查看关于每个变量的工作空间和信息,请用工作空间浏览器,或用who和whos函数。 要在工作空间删除一个变量,先选择那个变量,然后从Edit菜单中选择Delete,或者用clear命令。 当你退出MATLAB后,工作空间的内容是不会继续存在的。如果

  • 问题内容: 有谁知道在自动化过程中使用Selenium或任何其他工具来处理浏览器身份验证吗? 问题答案: 警报方法authenticateUsing() 使您可以跳过“ Http基本身份验证”框。 从Selenium 3.4开始,它仍处于测试阶段 现在,仅针对 InternetExplorerDriver

  • 问题内容: 我们正在针对现有代码库运行Selenium回归测试,并且Web应用程序中的某些屏幕使用弹出窗口作为中间步骤。 当前,我们在测试中使用以下命令: … 大多数情况下都可以使用 。偶尔测试将失败在与线 谁能建议一种更好,更 可靠的 方法? 另外,我们主要在IE6和7上运行这些测试。 问题答案: 有用!!只是为了让那些喜欢硒的人们更容易。 这对我使用IE7(正常模式)有效。 真是个令人毛骨悚然

  • 本文向大家介绍Nginx与浏览器缓存的处理方法,包括了Nginx与浏览器缓存的处理方法的使用技巧和注意事项,需要的朋友参考一下 一、浏览器对缓存的处理:Internet选项   ★ 控制请求服务器策略:是忽略资源的缓存策略的情况下额外强制请求服务器的意思。     ★ 检查存储的页面较新版本          1.每次访问网页时                 不管是否有缓存、资源状态是否过期,都

  • MATLAB文档的所有操作是以当前目录或者搜索路径作为参考点的。你需要运行的任何文档都必须在当前目录下或者搜索目录下完成MATLAB。 一种快速查看或者改变当前路径的方法是用下面所示工具栏中的"当前目录"。 如果要搜索、查看、打开或者改变MATLAB相关目录以及文档,就要用到MATLAB“当前目录浏览器”或者,也可以用dir, cd和delete。 搜索路径 要决定怎样去执行你所调用的函数,MAT