我已经建立了一个移动网站。当我使用这个标签时
<meta name="viewport" content="width=device-width, initial-scale=1">
我的网站完全适合所有手机屏幕。但随后字体大小看起来有所不同，特别是在Android的Chrome移动浏览器上。 Chrome会更改文本的字体大小，并显示较大的部分和较小的部分。我用了
body{
-webkit-text-size-adjust:none;
-moz-text-size-adjust:none;
-o-text-size-adjust:none;
-ms-text-size-adjust:none;
text-size-adjust:none;
}
但这并没有解决像Nexus这样的机器人的问题。所以我将视口标记切换为
<meta name="viewport" content="width=device-width, initial-scale=1">
这解决了字体大小问题，但这次一些网页并不完全适合所有屏幕尺寸。我该怎么办才能获得两个世界中最好的一面？以“在Magenta Storage ..”和“给自己更多空间......”开头的段落应该具有相同的字体大小。 For the link to the website, you can click here