常见的前端CSS浏览器兼容前缀包括:
-webkit-:适用于一些Webkit内核浏览器,如旧版Safari和Chrome。
-moz-:适用于Firefox浏览器。
-ms-:适用于IE浏览器。
-o-:适用于Opera浏览器。
这些前缀可以在CSS属性前添加,以增加对不同浏览器的兼容性。例如:
.example {
-webkit-border-radius: 5px; /* Webkit内核浏览器 /
-moz-border-radius: 5px; / Firefox浏览器 /
-ms-border-radius: 5px; / IE浏览器 /
-o-border-radius: 5px; / Opera浏览器 /
border-radius: 5px; / 标准语法 */
}
建议在实际开发中根据目标浏览器的兼容性需求使用适当的前缀。您可以使用Can I Use(https://caniuse.com/)这样的工具来查看不同浏览器对CSS属性的支持情况。