html在我的电脑上的所有浏览器上都能正常工作，但我用作可点击链接的href在iphone上的safari上移动

这是我用作按钮的两个hrefs的代码。html在我的电脑上的所有浏览器上都能正常工作，但我用作可点击链接的href在iphone上的safari上移动

<div style="position:absolute; left:610px; top:630px; float:left" id="stylescroll"> 


<font color="#33FF66"><a href="javascript:changecolor(-1)" style="cursor:pointer; text-decoration:none; padding-bottom:20px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></font> 

</div> 

<div style="position:absolute; left:760px; top:630px; float:left" id="stylescroll2"> 

<font color="#33FF66"><a href="javascript:changecolor(1)" style="cursor:pointer; text-decoration:none; padding-bottom:20px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></font> 

</div>

再打开我的电脑做工精细所有浏览器的定位，但是当我打开我的iphone页面中的一个链接的HREF移动到浏览器的权利。

任何想法？

来源

2011-05-18 user541597

来吧，这真的需要一个截图和完整的代码，而不是缺少所有CSS的上下文摘录。 – ceejayoz 2011-05-18 18:03:43

你有没有其他可能影响那些''元素的CSS？ – drudge 2011-05-18 18:04:24

伙计们将绝对位置和浮动工作放在一起？ – Jawad 2011-05-18 18:06:02

屏幕分辨率从计算机到移动设备有所不同。例如，iPhone 4具有960像素高，640像素宽的屏幕，而计算机可能具有1440像素×900像素。因此，定位绝对元素将在不同的屏幕上显示不同的结果。

在您的标记中，使用left:610px会将元素610px从左边距移开，从而出现在右侧。其他left和top属性也是如此。

所以，几乎靠近右侧的位置left:610px，只有30px从右边走，所以如果你使用right:30px相反，它会在iPhone上是相同的，但在其他屏幕不同。

此外，使用float + position：绝对没有收益，因为它们相互矛盾。我不知道这是否有帮助，但您可以使用float和position:relative，这将导致重新定位浮动元素与其当前位置（浮动元素）的关系。

来源

2012-04-17 22:36:37

html在我的电脑上的所有浏览器上都能正常工作，但我用作可点击链接的href在iphone上的safari上移动

回答

相关问题