iPhone和android的微信内置浏览器不一样吗？安卓的不支持webkit-calc？？

zuing 2014-04-10 08:55:40

iPhone和android的微信内置浏览器不一样吗？
安卓的原生浏览器和安卓的微信内置浏览器不支持webkit-calc吗？
iphone上的可以。
怎么确认是否支持某css例如webkit-calc

...全文

17631 6 打赏收藏转发到动态举报

写回复

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

sdadafsda 2015-03-03

打赏
举报

回复

calc安卓是不支持的哦兼容性问题其实可以用好点的编辑器解决如HBUILDER

zzyonepiece 2014-11-14

打赏
举报

回复

不一样的，各种兼容性问题。。。。。。。。。。

qiba 2014-09-11

打赏
举报

回复

我也遇到同样的问题，只能通过margin来解决了

zhangxuechen 2014-04-29

打赏
举报

回复

引用 2 楼 zhangxuechen 的回复:

我也遇到同样的问题，并且发现一个奇怪的现象：手机版本安卓4.3，原生浏览器ua中webkit版本是537.36，但是微信内置浏览器的ua里，webkit的版本却是534.30

呃，查了一下发现微信内置浏览器是自己的，不使用os自带的原生内核

zhangxuechen 2014-04-29

打赏
举报

回复

我也遇到同样的问题，并且发现一个奇怪的现象：手机版本安卓4.3，原生浏览器ua中webkit版本是537.36，但是微信内置浏览器的ua里，webkit的版本却是534.30

之前做移动端项目的时候，同事推荐使用-webkit-overflow-scrolling:touch;属性，当时只是知道在元素内容有滚动条的时候使用这个属性，可以使滚动比较流畅。然后在MDN上查了一下： -webkit-overflow-scrolling属性是来控制元素在移动设备上是否有回弹的效果。它有两个属性值： auto:使用普通滚动，当手指在屏幕上离开时，滚动立即停止 touch：使用具有回弹效果的滚动, 当手指从触摸屏上移开，内容会继续保持一段时间的滚动效果。继续滚动的速度和持续的时间和滚动

问题电脑端浏览器显示正常，iPhone手机浏览器却异常，如下图用Safari调试iPhone手机网页，可以看到设置了 font-size: 12px 但实际浏览器渲染的字体大小却是 16px 解析因为 Font Boosting 字体提升 Webkit 给移动端浏览器专门提供的属性，因为移动端屏幕小，原始页面宽度大，在移动端浏览器浏览网页时的字体会比较小，看不清，Font Boosting 会自动把字体变大，方便浏览。解决直接为该失效元素加一行代码： text-size-adjust:

1，ios兼容input光标高度问题详情描述：input输入框光标，在安卓手机上显示没有问题，但是在苹果手机上：当点击输入的时候，光标的高度和父盒子的高度一样。例如下图，左图是正常所期待的输入框光标，右边是ios的input光标。出现原因分析：通常我们习惯用height属性设置行间的高度和line-height属性设置行间的距离（行高），当点击输入的时候，光标的高度就自动和父盒子的高度一样了。（谷歌浏览器的设计原则，还有一种可能就是当没有内容的时候光标的高度等于input的line-height的值

移动端网页在iPhone手机浏览器中font-size失效问题原因：Font Boosting 字体提升。Webkit 给移动端浏览器专门提供的属性，因为移动端屏幕小，原始页面宽度大，在移动端浏览器浏览网页时的字体会比较小，看不清。Font Boosting 会自动把字体变大，方便浏览。解决方案： 1 给失效的元素加上 text-size-adjust: none;属性（自己试了成功） 2...

转自：https://www.haorooms.com/post/weixin_hidevideo_control 本人实测有效。为了防止以后还要用到，到时候找不到，所以转载一下。前言平时项目中视频播放用的不多，以至于前段时间h5婚礼邀请函视频部分，微信中一直去除不了微信播放器控件，导致视频播放结束甚至还有广告产生。以为要设置域名白名单，腾讯相关域名才能解决这个问题。为此，之前还写了一篇...

61,111

社区成员

60,732

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章