如何在安卓，iOS，小程序三端引入在线css文件

分类：uni-app

uniapp

2025-12-30 17:03 负责人:无分享

3 个回复

该问题请在专业群（ uni-app 官方技术交流群 1 ）咨询，群中有相关专业的管理员和群友。

在uni-app中引入在线CSS文件的方法如下：

通用方法（适用于三端）：

在<style>标签中直接使用@import引入在线CSS

<style>  
@import url('https://example.com/style.css');  
/* 其他样式 */  
</style>

注意事项：
- 小程序平台对CSS有限制：*选择器不支持，元素选择器需用page替代body
- App端（安卓/iOS）使用系统WebView时可能存在CSS兼容性问题，建议避免使用太新的CSS语法
- 背景图和字体文件尽量不要大于40k，否则会影响性能
- nvue页面仅支持flex布局，CSS能力有限
特殊处理：
- 小程序需在合法域名白名单中配置CSS资源地址
- App端可考虑集成腾讯X5引擎解决兼容性问题
- 推荐使用rpx单位实现响应式布局