移动开发tip

时间:2023-03-09 00:25:13
移动开发tip
  1. input点击出现背景色和边框,加入样式 -webkit-tap-highlight-color: rgba(255,255,255,0);
  2. ios下按钮糊掉,样式表不怎么起作用,使用-webkit-appearance:none;消除ios的默认样式;
  3. 如果页面的底部栏设置position:absolute,且页面有input框,当用户点击输入时,会出现底部栏被顶起的情况,这时候把底部栏的高度计算出来吧,不要position:absolute,即可解决。
  4. 如果要给input加个背景图标,并且input是100%宽度类似百分比宽度时,设置text-indet之后,当点击时会出现光标还是出现在input头部,当输入后才会有text-indet效果,由于宽度是百分比,此时padding-left也不好使,我的解决办法是层层嵌套。
  5. textarea的placeholder生效需要<textarea  placeholder="请输入"></textarea>这个标签之间没有任何内容包括空格
  6. 当给页面input 设置disabled的时候,或者控制设置的有,chrome浏览器默认的会加上背景样式,取消的办法 input:disabled {background: #fff;}
  7. 当iscroll 和 mobiscroll  一同使用的时候 会出现 mobiscroll  闪退的问题,(mobiscroll  2.7.2 ,iscroll 4.2.5),升级后问题解决
  8. background属性简写,把background-size属性写入简写属性内,手机可能会不识别=。=
  9. js的bind要进行能力检测,发现moto的2.3.6版本的android机不支持bind
  10. 'text-overflow'有兼容性问题,不要在包含块级元素的元素上使用 'text-overflow:ellipsis',并且当使用 :after 伪元素时,确保伪元素不是块级元素。Firefox 中可以通过 XUL 实现 'text-overflow:ellipsis' 的效果。具体可见http://www.w3help.org/zh-cn/causes/RT3005