以下网站:
http://staging.jungledragon.com
使用Safari在iPad上有一些渲染问题,所以我正在尝试修复它们.有一个问题我被困住了.如果您有iPad,请以纵向模式打开网站.有两条不需要的水平线出现,一条顶部穿过标签(热门,新鲜等),另一条顶部位于蜥蜴图的正上方.两条线都不应该在那里.
这些行不会出现在任何其他测试的浏览器上,包括Windows上的Safari.当您在iPad上将同一个站点移动到横向模式时,顶部水平线消失,而底部水平线保持不变.如果你放大到底线,它也会消失.
我一直在尝试各种CSS修复无济于事,我现在开始认为这是Safari的渲染问题,虽然可能是由我引发的.
任何帮助是极大的赞赏.这似乎是一个小问题,但我讨厌邋..
该问题与Mobile Safari处理背景图像的方式有关.弹出的绿线(就在您的内容区域内)来自另一个元素.
尝试"过度调整"您的图像.例如:图像在100像素高度处被截断,使图像高110像素.这对我很有用......大多数时候.
编辑:我确实检查了我的iPad上的网站,我刚刚看到该单行弹出.另请注意,当您放大/缩小时它会消失,这会告诉我这是一个渲染错误(不是您的CSS中的内容).
小智 8
糟糕 - 这是怎么发生的？
进入head标签以停止在iPad上缩放的元数据:
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
| 归档时间： |
|
| 查看次数： |
13360 次 |
| 最近记录： |