当我将“ float：left”放入列表元素时，您知道为什么列表中链接的字体大小会被忽略吗？
现在，链接很大，但是在添加浮动元素后，它们在以下移动浏览器中变得很小：Firefox，Chrome，Opera。在Dolphin，Dolphin mini和Opera mini中，它起作用了，并且在添加浮点后，链接保持较大（1.5em）。
原因是什么？如何在每个移动浏览器中获得更大的链接？
这是没有浮点数到我的测试用例的链接：左：http://goo.gl/oB6FD3
这是使用float：left链接到我的测试用例的链接：http://goo.gl/zOujqP
这是代码：
<head>
<style>
body {font-size: 100.01%; font-family:Arial, Helvetica, sans-serif;}
li {width: 5em; height: 3em;}
a {font-size: 1.5em;}
h1 {font-size: 1em;}
h2 {font-size: 1em;}
p {font-size: 1em;}
.clear {clear:both;}
</style>
</head>
<body>
<ul>
<li><a href="...">One</a></li>
<li><a href="...">Two</a></li>
<li><a href="...">Three</a></li>
</ul>
<div class="clear"></div>
<br />
<h1>h1 header</h1>
<h2>h2 header</h2>
<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. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 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. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
</body>
谢谢！
最佳答案
视口可能是原因吗？