Question

我在Safari（iPhone5）中遇到了一个奇怪的错误，它无法在任何其他浏览器中重复出现（甚至是Safari模拟器，例如Chrome Dev Tools，这使得这很难调试）。

我有一个分页器（由Twittter Bootstrap制作），有四个锚链接。我的html结构是这样的：

#! /usr/bin/env python
import uuid
import random
import time

import itertools, sys

spinner = itertools.cycle(['-', '/', '|', '\\'])

while(1):
   try:
      entropy = str(uuid.uuid4()) \
              + str(random.randrange(2**255)) \
              + str(int(time.time() * 1000000))


      sys.stdout.write(spinner.next())
      sys.stdout.flush()
      sys.stdout.write('\b')

   except KeyboardInterrupt:
      print "\nKeyboard Break !\n"
      raise SystemExit

   except Exception as inst:
      print type(inst)
      print inst

我的css：

<div class="collapse navbar-collapse">
  <ul class="nav navbar-nav">
    <li><a href="/#element1">Element1</a></li>
    <li><a href="/#element2">Element2</a></li>
    <li><a href="/#element3">Element3</a></li>       
    <li><a href="/#element4">Element4</a></li>      
  </ul>
</div>
...
<div class="container">
<div class="row" id="element1">
...
</div>
<div class="row" id="element2">
...
</div>
<div class="row" id="element3">
...
</div>
<div class="row" id="element4">
...
</div>
</div>

现在，当我使用Safari访问我的页面时，首先滚动和链接工作正常。但是，当我导航到其中一个锚链接并且然后滚动时，所有“行”元素的高度似乎都有所增加 - 我必须滚动并滚动才能转到下一个/上一个元素。

任何可能导致此问题的想法？任何其他移动浏览器（经过测试的移动Chrome和Android浏览器）似乎都不会出现此问题。

锚链接导致Safari（iphone）中的元素高度增加

0 个答案: