移动端如何设置字体为8px

前言

最近写了一个移动端的首页，底部版权位置发现是8px，写完之后发现效果不对，试了试发现12px一下都没有变化。

下面说两种解决方案

解决方案

第一种打死设计，哈哈哈，如果你是一个牛逼的开发，直接怼回去，什么玩意设计，给我改！！！第二种苦逼程序员，IT食物链最低端，自己百度，谷歌吧，

总结一下

下面说出我的具体解决方法

先是用了css3的缩放功能设置为16px缩放0.5即可实现8px

.nav_left{ font-size: 16px; transform: scale(.5); }

然后发现网上也有使用table和table-cell方法来解决的，但是还是第一种简单方便，给大家贴上代码。

.p-parent { display: table; height: 30px; line-height: 30px; border: 1px solid #f00; transform: scale(0.5); background: pink; transform-origin: 100% 100% } .p-child{ display: table-cell; font-size: 16px; vertical-align: middle }