美文网首页
写移动端遇到过的坑

写移动端遇到过的坑

作者: 杨小在 | 来源:发表于2017-11-08 09:17 被阅读0次

1.border设置的时候不要设置rem,如1px就写成1px,不要出现rem,否则会在有的手机中border消失(oppo)。

2.input type="button",以及button按钮,用div来代替,否则会出现适配问题,按钮颜色等。

3.多行文字居中 

    (1)固定高度。  display:table. display:table-cell;

    (2)不固定高度。 padding

4.图片和文字在一行,如何垂直居中    

html   

css

只需要在大的div中设置文字大小以及颜色,然后设置图片的宽高,最后在大的div中加入 .logo-box *{vertical-align:middle}. 

注:*前面必须有一个空格

5.line-height单行文字不居中

原因(1)height、line-height出现奇数;

       (2)移动端rem布局;

6. 注册页面,用户只能点击一次。

相关文章

  • 写移动端遇到过的坑

    1.border设置的时候不要设置rem,如1px就写成1px,不要出现rem,否则会在有的手机中border消失...

  • ios 调起键盘后点击不了 点击事件错位

    在开发移动端webapp的时候,在微信端ios浏览器中遇到过一个巨坑。 我在做一个移动端登录的页面,页面需要输入手...

  • H5移动端爬坑

    H5移动端爬坑

  • 移动端的坑

    1、移动端定位最好不要用fixed,用绝对定位absolute。2、移动端会有点透BUG,需要touchstart...

  • 移动端的坑

    1.关于微信手机端IOS系统中input输入框无法输入的问题 把-webkit-user-select:none改...

  • 移动端的坑

    mobileHack 这里收集了许多移动端上遇到的各种坑与相对解决方案 工具类网站 HTML5 与 CSS3 技术...

  • 移动端的坑

    移动端问题,持续补充 问题: select标签和input[type="button"]在真机样式上会有区别。 解...

  • 文集

    若web前端到达了瓶颈,如何冲出重围? 移动端汇总 腾讯移动web知识库移动前端开发指南移动端上遇到的各种坑移动端...

  • 原生 JS 判断是 PC 还是移动端

    1、pc端写 (如果是移动端跳走) 2、移动端写 (如果打开是pc跳走)

  • 移动端开发相关

    超齐全的移动端开发的坑 参考 进行开发调试的时候可以安装browser-sync 移动端分类 Native 原...

网友评论

      本文标题:写移动端遇到过的坑

      本文链接:https://www.haomeiwen.com/subject/ighemxtx.html