Html CSS添加了内容字体大小，在浏览器和手机查看时显示不同

我正在使用CSS在日志日期之前添加文本“postedon”。这在桌面浏览器中正确显示：

..但在移动设备上以不同字体大小呈现实际日期值和附加的“张贴”标签：

我没有使用任何响应样式，并且整个元素被指定为

字体大小：16px

，因此我不知道为什么移动显示会呈现如此不同的效果

HTML元素：

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

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

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

---

非常感谢您的回复。

将字体大小添加到。日期：before@DestinationDesigns要是有那么明显就好了！不变。。