首页 > 移动平台 > 详细

html5 移动端开发遇到的小问题 长期总结

时间:2017-02-20 12:53:44      阅读:184      评论:0      收藏:0      [点我收藏+]

1.  input 框光标问题:

  input框 在ios上显示的与Android是不一样的 显示是这样的

  技术分享

  而且在输入的时候 光标位置变化了 是这样的

  技术分享

  为了达到一致的效果 在行高加上\9     如:line-height:32px\9;

  得到正常效果:
  技术分享
  有人说 在safari 不兼容这个 但是我在ios10.几的版本中亲测可行
  如果朋友们遇到不可以那加上这个试试:
   @media screen and (-webkit-min-device-pixel-ratio:0){ input{ line-height:50%; } }
  欢迎大家测试

html5 移动端开发遇到的小问题 长期总结

原文:http://www.cnblogs.com/wangmaoling/p/6418485.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!