当我将“float:left”放入列表元素时,你知道为什么我的列表中链接的字体大小会被忽略吗?
现在链接很大,但添加浮动后,它们在以下移动浏览器中变小:Firefox、Chrome、Opera。在 Dolphin、Dolphin mini 和 Opera mini 中,它正在工作,并且在添加浮动后链接保持很大(1.5em)。
这是什么原因,我怎样才能在每个移动浏览器中获得大链接?
这是我的测试用例的链接,没有浮动:左:http: //goo.gl/oB6FD3
这是我的带有浮动的测试用例的链接:左: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>
谢谢!