字体小于12px，在魅族，锤子等有些手机上，不能上下居中显示的解决办法

最新推荐文章于 2022-06-27 18:45:00 发布

小排骨zzz

最新推荐文章于 2022-06-27 18:45:00 发布

阅读量361

点赞数

分类专栏：前端开发 css3 文章标签：前端开发字体小于12px上下居中

本文链接：https://blog.csdn.net/ZWH1113/article/details/101783481

版权

针对字体小于12px在魅族、锤子等手机无法上下居中的问题，可以利用CSS3的scale属性来解决。通过先放大元素两倍，然后整体缩小0.5倍，实现居中效果。具体实现需要在外层添加定位容器。

摘要由CSDN通过智能技术生成

实现思路： 根据CSS3的scale属性，先把目标的属性放大两倍，再用scale(0.5)整体缩小两倍。记得外层套个标签，方便定位。
效果图：
在这里插入图片描述
全部代码如下：

<!DOCTYPE html>
<html class="zh-cn">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content=

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

关注关注