移动端如何设置字体为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
}