CSS添加内容字体大小在浏览器和移动查看之间显示不同

Question

我正在使用CSS添加文字＆＃39;张贴于＆＃39;在博客日期之前。这在桌面浏览器中正确显示：

..但是渲染实际日期值和附加的＆＃39;发布在＆＃39;移动设备上具有不同字体大小的标签：

我没有使用任何响应式样式，并且整个元素都指定为font-size: 16px，所以我不知道为什么移动显示器呈现的方式会如此不同。

HTML元素：

<p class="date">18 September, 2015</p>

CSS：

.date {
    display:        block;
    margin-top:     0;
    margin-left:    10px;
    text-align:     left;
    font-size:      16px;
    opacity:        0.5;
}

.date:before {
    content: 'Posted on ';
}

非常感谢任何回复。