Html 移动设备上的Edge在添加填充时极大地减小了字体大小
我正在尝试为移动设备优化网站，在Windows 10 mobile上的Edge中偶然发现了一个奇怪的问题： 当我使用除全宽无边框/边距/无填充框以外的任何字体时，字体大小会显著减小。请参见以下示例：Html 移动设备上的Edge在添加填充时极大地减小了字体大小,html,css,mobile,microsoft-edge,Html,Css,Mobile,Microsoft Edge,我正在尝试为移动设备优化网站，在Windows 10 mobile上的Edge中偶然发现了一个奇怪的问题： 当我使用除全宽无边框/边距/无填充框以外的任何字体时，字体大小会显著减小。请参见以下示例： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title&g
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Edge Test</title>
</head>
<body>
<div>
<h1>Without padding</h1>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
sed diam voluptua. At vero eos et accusam et justo duo dolores et ea
rebum.</p>
</div>
<div style="padding: 1em">
<h1>With padding</h1>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
sed diam voluptua. At vero eos et accusam et justo duo dolores et ea
rebum.</p>
</div>
</body>
</html>
边缘测试
无衬垫
Lorem ipsum dolor sit amet，Conseteteur sadipscing Eliter，sed diam
非正常的临时劳工和工作许可证，
塞德·迪亚姆·沃卢普塔。在vero eos和accusam和justo duo dolores和ea
再燃
带衬垫
Lorem ipsum dolor sit amet，Conseteteur sadipscing Eliter，sed diam
非正常的临时劳工和工作许可证，
塞德·迪亚姆·沃卢普塔。在vero eos和accusam和justo duo dolores和ea
再燃
100%auto无论哪种方式，有没有一种方法可以避免文本缩小而不必设置固定字体大小？在文档的标题部分添加以下两行：
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
viewport