ipad图像高度问题的网页设计百分比布局

我在使用百分比定义列表中的图像尺寸时遇到问题。页面在我尝试在我的桌面上浏览的每个浏览器中正确加载，但由于某种原因，在iPad上它泄漏了DT标签之外的图像。为了您的舒适，我在jsbin上重新创建了这个问题。 http://jsbin.com/okaqun/1 ipad图像高度问题的网页设计百分比布局

正如你所看到的，数据库imgs正在走出边界线。

请帮我解决这个问题！它让我发疯太久了！

谢谢！

来源

2012-10-30 Jake

没人知道答案吗？ – Jake

我设法找到一个解决方案，但它不完全是我想要的。通过设置图像与CSS作为背景图像的图像大小设置为包含我得到了我想要的所有设备的结果，但它远非最佳。

.list dt{ 
    background: #1B1B1B 0% no-repeat url('http://aux.iconpedia.net/uploads/21188781911187876141.png'); 
    background-size: contain; 
    height: 17%; 
    border-top: 1px solid #262626; 
    border-bottom: 2px solid #101010; 
}

虽然与代码乱搞我想我已经找到一些有趣的事情...... 如果我设置了DT高度为0％，然后回到17％在图像内正确地调整大小。对此行为的任何解释？

来源

2012-10-31 16:11:04 Jake

我相信iOS在缩放不均匀数字图像（1,3,5,7 ...）时存在问题。你有没有尝试改变图像甚至宽度/高度？

来源

2013-02-15 03:58:49 Saucy

ipad图像高度问题的网页设计百分比布局

回答

相关问题