标签：居中 解决方案 APP height 兼容性问题 line font display

1、现象：IOS使用 new Date('2019-08-20').getMonth() + 1; 获取月份报错 NAN。

　　原因：IOS不识别 '-' 格式化的日期格式

　　解决方案：使用正则将 '-' 替换为 '/'

　　eg:  new Date('2019-08-20'.replace(/-/g,'\/')).getMonth() + 1; 

 

2、 部分安卓手机文本不居中，区分两种情况

　　a. 大于12px 解决方案

　　　　解决方案=> 追加设置line-height  

 

　　　　   Note:输入框中不设置line-height 光标不会居中

　　b. 小于12px 解决方案

　　　　解决方案=>

　　　　　　i　　在外边套一层，使用表格布局　

　　　　　　　　　　display: table;

　　　　　　　　　　display: table-cell;

　　　　　　ii    改变字体大小,先将原来包括 font-size 在内的属性放大两倍，再用 scale 缩小一倍

　　　　　　　　　　 display: inline-block;

　　　　　　　　　　 height: 40px;

　　　　　　　　　　　　line-height: 40px;

　　　　　　　　　　　　font-size: 20px; 

　　　　　　　　　　　　transform: scale(0.5);

　　　　　　　　　　　　transform-origin: 0% 0%;

　　　　　　 iii  使用display：flex; align-items:center; 垂直居中

 

3、css 实现 箭头定位居中 苹果手机出现向上偏移，定位问题或者使用图片替换css

 

<style></style>

4、 oppr->底部输入框盖住最后的状态字段显示，出现BUG,有点赞或评论时好的。

　　 解决方案：当没有点赞或评论时添加padding撑开

<style></style>

 

<style></style>

标签：居中,解决方案,APP,height,兼容性问题,line,font,display
来源： https://www.cnblogs.com/xiaomaotao/p/11382431.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。