css - 移动端 line-height安卓错位,苹果机正常用,缩放解决了,可是又出来了占位的问题
问题描述
如题：如图
<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <meta name='viewport' content='width=device-width, initial-scale=1,maximum-scale=1.0, user-scalable=0'/> <title>Document</title> <style type='text/css'>*{ margin:0; padding:0;}p{ background: #f5f5f5;}span{ background: #f00; color: #fff; border-radius: 4px; padding:4px 10px; font-size:20px; border:solid 1px #000; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; display: inline-block;} </style></head><body><p> <span>自营</span></p></body></html>
问题解答
回答1：已经自己解决！
回答2：谢邀~
详细描述一下.(没看懂)
回答3：你问的line-height在哪？没看到啊
回答4：我估计题主连line-height的用法都没搞懂，你p都没给高度，而且line-height都没看到。哎，好好学习简单的东西吧
网公网安备