厂商前缀问题

mirrorspace 2017-11-06 03:10:48

不让选择文字这个样式
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none;

试了三个浏览器 EDGE FF CHROME

谷歌

火狐

EDGE

EDGE 怎么不支持MS前缀呢
火狐也是没用FF.
这是什么原由?

...全文

256 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

孟子E章 2017-11-09

打赏
举报

回复

那是因为UserAgent里面都是 AppleWebKit

mirrorspace 2017-11-09

打赏
举报

回复

果真无一人回复?分都没法给了

本文探讨了浏览器兼容性问题产生的原因，包括市场竞争和技术标准变化的影响。介绍了如何通过使用厂商前缀来解决兼容性问题，并提供了谷歌浏览器滚动条样式的示例。此外，还介绍了csshack技巧及caniuse网站的使用方法。

本文介绍如何在项目中使用Browserslist来指定目标浏览器范围，从而自动添加CSS前缀，确保网页在不同浏览器下的一致表现。通过在package.json文件中设置browserslist字段，可以轻松实现跨浏览器兼容性的优化。

本文分析了浏览器兼容性问题的典型场景，如厂商前缀差异、属性支持不全等。介绍了常见解决方案，包括使用厂商前缀、CSS 重置或标准化等，并对比其优缺点。还给出方案选择建议和最佳实践，指出现代项目推荐工具链自动化结合渐进增强策略，遗留项目可针对性处理。

本文详解Autoprefixer作为CSS后处理器，在Rollup构建库项目中的集成方法。涵盖其核心能力：基于Browserslist自动添加/移除厂商前缀、提升跨浏览器兼容性；介绍rollup-plugin-postcss插件配置、.browserslistrc设置及常见问题（如Grid兼容IE、局部禁用处理）。强调自动化前缀管理对前端工程化的重要性。

本文系统介绍Autoprefixer——一款基于Can I Use数据库自动添加CSS厂商前缀的PostCSS插件。涵盖其核心价值（替代手工加前缀）、Node/npm安装流程、通过browserslist统一配置目标浏览器、与PostCSS集成使用方法，以及常见问题如前缀覆盖范围、Can I Use数据更新机制、多环境差异化浏览器策略等关键技术点。

61,120

社区成员

60,701

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章