Question

我有一个使用谷歌字体的自定义字体的网站。在我的网站上它正常对齐，但在我的机器人上，源是不一致的。通过各种移动技巧研究，我想知道它们中是否有任何实际工作，因为，一个接一个地测试，并且它不起作用。我做错了什么？

@media screen and (max-device-width 480px)

::made-up-pseudo-element, .selector {}

@media only screen and (-webkit-min-device-pixel-ratio: 2){}

解决方案

在使用此黑客之前，请在<head> HTML：

中添加此行

<meta name="viewport" content="width=device-width, initial-scale=1">

Answer 1

如果未指定，主要浏览器会以不同方式呈现行高。将line-height: 15px;放入体内或更多/更少。