解决移动端line-height不居中问题

问题：在移动端中使用line-height=height实现文字垂直居中时，在安卓手机会发现文字偏上！

解决：

1、利用flex布局中的垂直居中属性实现垂直居中,父元素设置

display:flex;
height:1rem;
align-items: center;

子元素

 transform: scale(0.5);transform-origin: left center;

2、不直接设置line-height=height，而是设置

line-height:normal;
padding:10px 0;

转：https://www.cnblogs.com/qdlhj/p/11084162.html

解决移动端line-height不居中问题相关推荐

html百度转到顶部 fixed,科技常识：完美解决安卓端百度浏览器屏蔽fixed悬浮元素的问题...
今天小编跟大家讲解下有关完美解决安卓端百度浏览器屏蔽fixed悬浮元素的问题 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关完美解决安卓端百度浏览器屏蔽fixed悬浮元素的问题的相关资料 ...
flexible.js+rem解决pc端适配
第一步:新建 flexible.js文件这里默认是10等份,手动改为24,此时1rem=1920/24px即80px.(设计稿是1920px的) (function flexible(window, ...
fastclick 解决移动端click事件延迟300ms和点击穿透问题
一.移动端click点击事件300ms延迟介绍在正常情况下,如果不进行特殊处理,移动端在触发点击事件时,会有300ms的延迟.换句话说,当我们在点击移动端页面后不会立即做出反应,而是会等待300ms ...
解决移动端音频自动播放问题
解决移动端音频自动播放问题参考文章: (1)解决移动端音频自动播放问题 (2)https://www.cnblogs.com/lcf1314/p/5867010.html 备忘一下.
h5 解决ios端输入框失去焦点后页面不回弹或者底部留白问题
h5 解决ios端输入框失去焦点后页面不回弹或者底部留白问题参考文章: (1)h5 解决ios端输入框失去焦点后页面不回弹或者底部留白问题 (2)https://www.cnblogs.com/bl ...
解决移动端报错：Unable to preventDefault inside passive event listener due to target being treated as……
解决移动端报错:Unable to preventDefault inside passive event listener due to target being treated as-- 报错如下 ...
解决移动端视频层级最高的问题，修改video属性
解决移动端视频层级最高的问题,修改video属性参考文章: (1)解决移动端视频层级最高的问题,修改video属性 (2)https://www.cnblogs.com/shimily/articl ...
移动端页面制作字号大小设定问题,设计稿文字字号规范,解决移动端大小屏适配问题
移动端页面制作字号大小设定问题,设计稿文字字号规范,解决移动端大小屏适配问题参考文章: (1)移动端页面制作字号大小设定问题,设计稿文字字号规范,解决移动端大小屏适配问题 (2)https://ww ...
fastclick.js解决移动端（ipad）点击事件反应慢问题
fastclick.js解决移动端(ipad)点击事件反应慢问题参考文章: (1)fastclick.js解决移动端(ipad)点击事件反应慢问题 (2)https://www.cnblogs.co ...
vue项目中使用lib-flexible解决移动端适配
第一部分:项目中引入lib-flexible 一.项目中安装lib-flexible $ npm install lib-flexible --save 二.在项目的入口js文件中引入lib-flex ...

解决移动端line-height不居中问题

解决移动端line-height不居中问题相关推荐

最新文章

热门文章