关于手机uc兼容性问题的几个小知识点总结

移动uc和微信被识别为移动电话的ie6。自从flex诞生以来，移动终端的布局就易于使用flex，并且简化了各种布局问题。但是，uc浏览器确实是该行业中的一大癌症，我必须特别注意，以下是我在工作中遇到的手机uc兼容性问题列表，并对其进行总结。

1. uc浏览器可以识别空格

如果在数据中添加空格，浏览器将不会自动对其进行过滤。您的移动浏览器中不会发生此问题，但是如果您通常注意后台数据处理，则不会有任何影响

例如：

<sapn>    123123    span>

在uc上，占位符之前和之后将有空格，但其他浏览器则不会

2.内联元素的margin-top和margin-bottom无效；

如果要实现上下页边距效果，请记住更改为block或inline-block，

如果h标签的上层没有内容，则margin-top也将失败，并且可以在外层使用padding-top；

3.关于flex

*：使用代码完成工具自动前缀器或其他工具，具体取决于您使用的前端开发框架，代码完成很容易

a。如果发现uc页面在flex布局过程中跳出，请首先检查flex中的子元素是否显示：bloc或inline-block。如果是uc下的内联元素，则将导致flex布局无效

b。证明内容：不支持空格；

如果要实现环绕效果，请结合使用空格和填充。

justify-content: space-between;
padding: 0 10px;

c。不支持flex-wrap属性

如果要自动换行，请使用float。 。

如果您不使用代码自动补全工具，则以下内容是flex兼容代码的一部分（形式为less）：

4.单击屏幕或选择选择框后，字体突然变大

UC在识别页面上的大量文本时会自动放大字体，以优化阅读体验。

但是我们通常设置的字体不需要突然改变，

要关闭此功能，您需要添加页面标题：

<meta name="wap-font-scale" content="no">

继续补充。 。

本文来自电脑杂谈，转载请注明本文网址：
http://www.pc-fly.com/a/shumachanpin/article-360671-1.html