手机浏览器的八个容易忽略的兼容问题

1 点击300ms   使用fastclick  
2 移动端1px  在ios中使用0.5px
3 js中获取浏览器高度,获取scrollTOP等属性需要兼容
4 H5 的audio在ios上autoplay播放 一般使用进入页面后,使用js控制播放
5 在html上加overflow:hidden属性的时候,好多移动端浏览器都不支持
    要实现超出范围隐藏,滚动条不显示,一般使用js获取高度来动态设置html高度
6 ios系统中在移动浏览器的页面中给按钮加JS事件,其按钮必须是原生HTML按钮或者由<a>标签自定义构成。
原来在IOS系统中,浏览器只支持给原生HTML按钮或<a>标签加JS事件
7 你用js 生成的一个按钮  <div class="btn">按钮</div>
    在ios上直接$("#btn").click是不能加点击事件的,必须使用事件委托
8 h5页面 当输入框在最底部,点击软键盘后输入框会被遮挡。定时器或者修改为固定 
   定位
  setTimeout(function(){
   document.body.scrollTop = document.body.scrollHeight;
},300);

var oHeight = $(document).height(); //浏览器当前的高度
$(window).resize(function(){ 
    if($(document).height() < oHeight){ 
          $("#footer").css("position","static"); 
    }else{ 
          $("#footer").css("position","absolute");
    } 

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

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Java后端技术

让div等块级元素水平以及垂直居中的解决办法

  我们在设计页面的时候,经常要把div等块级元素居中显示,而且是相对页面窗口水平和垂直方向居中显示,如让登录窗口居中显示。我们传统解决的办法是用纯CSS来让d...

10620
来自专栏每日一篇技术文章

weex-20-scroller组件

scroll-direction 值为horizontal 水平滚动,值为vertical 垂直滚动

24720
来自专栏偏前端工程师的驿站

当css属性width设为100%时

  平常在写页面html代码时,经常会使用到width:100%来使控件宽度为父控件的内容宽度。但如果父控件为body,而且没有明确设置body的宽度,那么就会...

22550
来自专栏.Net移动开发

.Net语言 APP开发平台——Smobiler学习日志:如何在手机上开发仪表盘控件

设置仪表盘轴线段,打开集合编辑器,并点击"添加",Color属性(仪表盘轴线段的颜色)和SplitNumRate属性(仪表盘轴线段占总线段的比例,取值0-1),...

11430
来自专栏互联网杂技

关于css

常用的选择器:标签选择器,id选择器,class选择器,伪类选择器。 但是还有一个功能强大的选择器:属性选择器, 属性选择器,这样使用, 1、[属性名]{st...

36270
来自专栏一“技”之长

标签之美五——网页表格的设计 原

1、<table></table>:表格的开始和结束标签,行列的布局都在<table>标签内。

9810
来自专栏十月梦想

HTML表格

            4.cellspacing:外边距(单元格和单元格之间的距离)

64720
来自专栏前端技术总结

CSS自定义滚动条的样式

本文会介绍CSS滚动条选择器,并在演示中展示如何在Webkit的内核浏览器和IE浏览器中,自定义一个横向以及一个纵向的滚动条。

2.2K680
来自专栏云端架构

【云端架构】前端jQuery鼠标事件精选

鼠标事件是指用户在移动鼠标光标或者点击任意鼠标键时触发的事件,jQuery中封装了基本上所有的鼠标事件包括点击,双击,移动等鼠标事件,下面我们就来看下这些事件的...

38460
来自专栏一“技”之长

标签之美四——为网页添加绚丽多彩的图像 原

这里图片路径的写法和本地超链接的写法是一样的,可以参考上一篇博客中关于本地路径的地方:http://my.oschina.net/u/2340880/blog/...

10230

扫码关注云+社区

领取腾讯云代金券