垂直持有的Android设备上的HTML文字会变小

Question

我正在研究一种社交网络 - 不幸的是，我无法向网站展示任何人，因为有人可能会窃取这个想法。抱歉不信任Stack Overflow的同志们！

我已经成功修复了在Android浏览器上变大的文字，但现在当设备垂直保持时标题会变小。

HTML：

<div class="title">
    Lorem ipsum - that is all I remember
</div>

CSS：

.content .title {
    font-size: 18pt;
    font-weight: 300;
    color: #1d2021;

    padding: 0 0 45px 0;

    text-align: center;
}

谢谢同志们，
Foru

Answer 1

为了更好的做法，请使用h1代码而不是div

编辑：

您仍然可以使用媒体查询：

@media screen and (orientation:portrait){
    // css when held vertically 
}