UC浏览器皮肤的那个坑

HTML5学堂:在之前的一款游戏开发当中,使用小米的UC浏览器查看移动端样式,出现了“不可思议”的现象。明明设置了深红色的文字,硬生生的变成了绿色,让小编大呼“UC简直就是色盲啊~~~”,后来发现UC浏览器的皮肤是这个问题的罪魁祸首。

UC浏览器皮肤的那个坑

小编之前在做一个游戏开发,为了保证代码的兼容性,使用了各种设备进行了测试。结果所有的设备都没有问题,单单在UC浏览器挂掉,挂掉的原因还不是常见的布局问题,而是“颜色”问题。小编当场表示无语中……明明设置的深红色(#CF1C1D),却显示成了绿色~小编已经怀疑自己是色盲了~当然,在怀疑了2秒钟之后,果断怀疑UC浏览器色盲!

之后尝试将CF1C1D的色值修改成了FF0000,在UC当中又显示成了红色,当时一下子就蒙掉了。过了两天,突然发现同事的那个测试手机,针对UC浏览器设置了“皮肤”。于是小编写了如下这个demo:

<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title>HTML5学堂 - H5course</title>
    <meta name="viewport" content="width=device-width,user-scalable=no">
    <style>
        html {
            font-size: 40px;
        }
        .wrap {
            color: #319080;
        }
        .wrap2 {
            color: #ff0000;
        }
        .wrap3 {
            color: #CF1C1D;
        }
    </style>
</head>
<body>
    <div class="wrap">HTML5学堂</div>
    <div class="wrap2">HTML5学堂</div>
    <div class="wrap3">HTML5学堂</div>
</body>
</html>

设置绿色皮肤 UC浏览器的显示效果

正常白色皮肤下 UC浏览器的显示效果

最终结论,显而易见,UC浏览器的皮肤(不仅仅是绿色)会使最终显示效果受到影响。这个并非是前端代码编写的问题,当然前端也没有办法改变用户的皮肤设置,因此,各位开发攻城狮们,珍爱生命,远离UC~~~

本文章共耗时1.5小时,责任小编:HTML5学堂-堡堡。

原文发布于微信公众号 - HTML5学堂(h5course-com)

原文发表时间:2016-01-26

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏菩提树下的杨过

Flash/Flex学习笔记(23):运动学原理

先写一个公用的小球类Ball: package{ import flash.display.Sprite; //小球 类 public class B...

25410
来自专栏转载gongluck的CSDN博客

cocos2dx 打灰机

#include "GamePlane.h" #include "PlaneSprite.h" #include "BulletNode.h" #include...

5656
来自专栏一个会写诗的程序员的博客

Spring Reactor 项目核心库Reactor Core

Non-Blocking Reactive Streams Foundation for the JVM both implementing a Reactiv...

2222
来自专栏陈仁松博客

ASP.NET Core 'Microsoft.Win32.Registry' 错误修复

今天在发布Asp.net Core应用到Azure的时候出现错误InvalidOperationException: Cannot find compilati...

4878
来自专栏张善友的专栏

Miguel de Icaza 细说 Mix 07大会上的Silverlight和DLR

Mono之父Miguel de Icaza 详细报道微软Mix 07大会上的Silverlight和DLR ,上面还谈到了Mono and Silverligh...

2717
来自专栏Ceph对象存储方案

Luminous版本PG 分布调优

Luminous版本开始新增的balancer模块在PG分布优化方面效果非常明显,操作也非常简便,强烈推荐各位在集群上线之前进行这一操作,能够极大的提升整个集群...

3225
来自专栏落花落雨不落叶

canvas画简单电路图

64411
来自专栏我和未来有约会

Silverlight第三方控件专题

这里我收集整理了目前网上silverlight第三方控件的专题,若果有所遗漏请告知我一下。 名称 简介 截图 telerik 商 RadC...

4055
来自专栏张善友的专栏

LINQ via C# 系列文章

LINQ via C# Recently I am giving a series of talk on LINQ. the name “LINQ via C...

2665
来自专栏我和未来有约会

Kit 3D 更新

Kit3D is a 3D graphics engine written for Microsoft Silverlight. Kit3D was inita...

2606

扫码关注云+社区