我是做网页设计的,UC浏览器手机版是否不支持很多css样式呢

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了我是做网页设计的,UC浏览器手机版是否不支持很多css样式呢相关的知识,希望对你有一定的参考价值。

不支持font-family属性,也就是说,在UC浏览器你只能看到一种字体;
不支持font-szie属性,也就是说,在UC浏览器你只能看到一样大小的字体;
不支持width、height、padding、margin、line-height属性,也就是说,在UC浏览器只能通过p、br等HTML标签来换行以达到字符上下间隔;
不支持固定像素的宽度,100%显示页面,也就是说,在UC浏览器始终将看到的是“满屏的”;
不支持浮动、层叠布局,float和position属性无效,也就是说,在UC浏览器你只能看到“左对齐”。
支持background-color,但不支持background-image,也就是说不支持CSS背景图显示,在UC浏览器你只能看到背景色。
不支持padding margin border line-height strong ul li float
为什么UC不能解决这个问题呢???做出来的页面在手机UC上,排版很乱

不支持font-family属性,也就是说,在UC浏览器你只能看到一种字体;
不支持font-szie属性,也就是说,在UC浏览器你只能看到一样大小的字体;
不支持width、height、padding、margin、line-height属性,也就是说,在UC浏览器只能通过p、br等HTML标签来换行以达到字符上下间隔;
不支持固定像素的宽度,100%显示页面,也就是说,在UC浏览器始终将看到的是“满屏的”;
不支持浮动、层叠布局,float和position属性无效,也就是说,在UC浏览器你只能看到“左对齐”。
支持background-color,但不支持background-image,也就是说不支持CSS背景图显示,在UC浏览器你只能看到背景色。
不支持padding margin border line-height strong ul li float

但是,看百度:
2015年7月,UC浏览器发布新版10.6版本,开创第三代浏览器新纪元。
UC浏览器拥有独创的U3内核和云端架构,完美地支持HTML5应用。
如今的UC比起以前好很多,已经可以不用担心不支持的问题了。
参考技术A 你应该用其他浏览器看,UC是个怪胎,不支持你说这些东西是它存在的唯一价值,它为什么要改进?

UC浏览器卖点是:节约上网流量,实际上是在他们的服务器端先载入你访问的网站,服务器上的程序故意把很多css、js等玩意都过滤掉,让页面变成很简单的样子再返回给你手机,为的就是不载入这些东西达到节约你手机流量的目的。
参考技术B 如今的移动端的浏览器对于样式的兼容性已经有了很大的改善了,css基本上都是支持的,只有css3部分样式不支持而已。而如果有样式错乱,那么在排除掉css3的情况下,那么首先要检查一下是不是有书写格式错误、不规范;但是UC浏览器是个特例:它会纂改一些样式,具体如下:
1.不支持font-family属性,也就是说,在UC浏览器你只能看到一种字体;
2.不支持font-szie属性,也就是说,在UC浏览器你只能看到一样大小的字体;
3.不支持width、height、padding、margin、line-height属性,也就是说,在UC浏览器只能通过p、br等HTML标签来换行以达到字符上下间隔;
4.不支持固定像素的宽度,100%显示页面,也就是说,在UC浏览器始终将看到的是“满屏的”;
5.不支持浮动、层叠布局,float和position属性无效,也就是说,在UC浏览器你只能看到“左对齐”。
6.支持background-color,但不支持background-image,也就是说不支持CSS背景图显示,在UC浏览器你只能看到背景色。
参考技术C UC有两种,一般默认是极速、一种是普通,极速是会过滤css、js、以及一些脚本,按自己的规则渲染.....
除了加入UC白名单,就没办法解决啊。你也可以js写个小脚本,判断到是UC浏览器,直接弹个框框出来盖在整个网页上提示:不要用这种流氓浏览器访问,请换其他浏览器。
参考技术D IE手机版和PC版皆为Trident内核的

Opera手机版和PC版皆为Webkit内核(少部分版本仍然是Presto内核)

Firefox手机版和PC版皆为Gecko内核

Chrome手机版和PC版皆为Webkit内核
Safari手机版和PC版皆为Webkit内核
QQ手机浏览器内核为基于Webkit修改的X5内核
UC手机浏览器内核为基于Webkit修改的U3内核
针对不同的内核,需要书写css前缀来调整兼容性,
* -o-...............for Opera(Presto内核)
* -webkit-..........for Safari & Chrome(Webkit内核)
* -moz-.............for Firefox(Gecko内核)
* -ms-..............for IE(Trident内核)
* -khtml-...........for Safari(Webkit内核)
但是有的是加了前缀也是没用的,所以想做到全兼容,尽量避免特效

ios怎样运行旧版本uc浏览器?

首先在电脑中安装爱思助手。
然后用手机连接电脑。
这样爱思助手就会安装在手机里边了。
在手机中打开爱思助手。查找UC浏览器。就可以安装旧版本。而且版本选择也非常多
iOS是由苹果公司开发的移动操作系统。[1]苹果公司最早于2007年1月9日的Macworld大会上公布这个系统,最初是设计给iPhone使用的,后来陆续套用到iPod touch、iPad上。iOS与苹果的macOS操作系统一样,属于类Unix的商业操作系统。原本这个系统名为iPhone OS,因为iPad,iPhone,iPod touch都使用iPhone OS,所以2010年苹果全球开发者大会上宣布改名为iOS(iOS为美国思科公司网络设备操作系统注册商标,苹果改名已获得Cisco公司授权)。
2016年1月,随着iOS 9.2.1版本的发布,苹果修复了一个存在了3年的漏洞。[2]2018年9月22日,美国苹果公司在最新的操作系统中秘密加入了基于iPhone用户和该公司其他设备使用者的“信任评级”功能。
2021年11月17日消息,据报道,苹果iOS 15.2 Beta泄露全新“SportsKit”框架[74]。
2022年1月28日,苹果向 iPhone 和 iPad 用户推送了 iOS / iPadOS 15.4 开发者预览版 Beta 更新(内部版本号:19E5209h),本次更新距离上次发布隔了 2 周时间,带来了 Universal Control 全局控制、全新的 emoji 表情、苹果钱包 Apple Card 小部件等新功能。[78]2月22日,据报道苹果 iOS 15.4,3月发布。
参考技术A 苹果系统要安装旧版软件需要电脑配合。
首先在电脑中安装爱思助手。然后用手机连接电脑。这样爱思助手就会安装在手机里边了。
在手机中打开爱思助手。查找UC浏览器。就可以安装旧版本。而且版本选择也非常多。
参考技术B 在苹果系统上安装旧软件需要计算机的配合。首先,在计算机上安装ace assistant。然后将计算机与手机连接。这样,ACE assistant将安装在移动电话中。在手机中打开ace助手。查找UC浏览器。可以安装旧版本。有许多版本可供选择。 参考技术C 苹果需要电脑来安装旧版本的软件。首先在您的计算机上安装Alice向导。然后将手机连接到计算机。所以爱丽丝的助手会在电话里安顿下来。打开你手机上的爱丽丝助手。找到UC浏览器。您可以安装旧版本。还有很多版本选择。 参考技术D 在苹果系统上安装旧软件需要计算机的配合。首先,在计算机上安装ace assistant。然后将计算机与手机连接。这样,ACE assistant将安装在移动电话中。在手机中打开ace助手。查找UC浏览器。可以安装旧版本。有许多版本可供选择。

以上是关于我是做网页设计的,UC浏览器手机版是否不支持很多css样式呢的主要内容,如果未能解决你的问题,请参考以下文章

手机Uc浏览器怎么设置电脑版网页

UC浏览器手机网页怎么自动刷新

UC手机浏览器js加入收藏夹

我是安卓手机用户,用哪款浏览器浏览图片最清楚?

为啥我的手机用UC浏览器打不开这个网页https://owaas.flextronics.com/exchange/用自带的浏览器却能打开

手机uc浏览器怎么设置浏览模式