适用于具有1080px宽浏览器的手机的Html/CSS

目前正在开发一款移动应用程序，并已开始在不同的手机上进行测试。该应用程序在大多数手机上都能正常工作，但在华为p9上测试后，我们遇到了一些问题。手机浏览器宽度为1080px，默认字体大小为16px。这导致我们的应用程序以非常大的比例渲染。我们目前正在使用viewport和“em”对所有内容进行编码。我们能做些什么来支持这种尺寸的浏览器吗

@media only screen and (width: 1080px) {

    font-size: 12px;

}

---

这会起作用。

你能把测试站点的URL也发出来吗？我不明白这是怎么起作用的。如果有什么区别的话，我必须将字体大小设置为48px，以使大小看起来相似。这也会导致其他设备出现问题，因为所有设备都会过大3倍。您可以在上述媒体查询中设置首选项