uni-app 安卓5.1不支持css的unset

uni-app 安卓5.1不支持css的unset

开发环境 版本号 项目创建方式
Windows Windows 11 HBuilderX 
产品分类：uniapp/App

PC开发环境操作系统：Windows

PC开发环境操作系统版本号：windows11

HBuilderX类型：正式

HBuilderX版本号：3.3.13

手机系统：Android

手机系统版本号：Android 5.1

手机厂商：PDA扫码枪

手机机型：YD5PUSBA-A5

页面类型：vue

vue版本：vue2

打包方式：云端

项目创建方式：HBuilderX

### 操作步骤：

```js
div {  
margin: unset;  
}

预期结果：

div {  
margin: unset;  
}

unset生效

实际结果：

div {  
margin: unset;  
}

unset无效

bug描述：

安卓5.1不支持css的unset


更多关于uni-app 安卓5.1不支持css的unset的实战教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

查看css 的兼容表，应该不支持

更多关于uni-app 安卓5.1不支持css的unset的实战教程也可以访问 https://www.itying.com/category-93-b0.html


在 Uni-App 中，如果你在 Android 5.1 上遇到 unset 属性不支持的问题，这通常是因为 Android 5.1 的 WebView 内核版本较低，无法识别或处理较新的 CSS 属性。

解决方案

  1. 降级 CSS 属性：

    • 使用 initial 或 inherit 替代 unset，这些属性在较旧的浏览器中有更好的支持。
    • 例如，如果你使用了 unset，可以尝试用 initial 或 inherit 来替代。
    /* 原始代码 */
.example {
    color: unset;
}

/* 修改后的代码 */
.example {
    color: initial; /* 或 inherit */
}

  2. 使用兼容性写法：

    • 对于某些 CSS 属性，可能需要编写兼容性代码来确保在不同浏览器上都能正常工作。你可以使用 -webkit- 前缀或其他浏览器前缀来增加兼容性。
    .example {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

  3. 条件编译：

    • 在 Uni-App 中，你可以使用条件编译来针对不同的平台或版本编写不同的代码。例如，你可以在 HBuilderX 中使用 #ifdef 来区分不同的平台。
    /* 仅在 Android 上生效 */
#ifdef APP-PLUS
.example {
    color: initial;
}
#endif
回到顶部