Safari中的响应列

时间:2014-05-08 23:15:15

标签: css safari responsive-design retina-display yui-pure-css

我使用Pure.css创建了一个站点。它似乎在我想要的一切上都能正常工作,除了Safari(确切地说是我的朋友MBPr)

在我测试的每个浏览器上,我得到了这个: http://www.coflash.com/stuff/whatiget.jpg

当他在视网膜Macbook上对Safar进行测试时,他得到了这个: http://www.coflash.com/stuff/whathegets.jpg

网址是 http://www.phill.com.au/work/commsec/

这是由于舍入错误吗?我没有Retina Macbook所以我无法测试,我只有Windows:/

如果我能够确定问题是什么,我将有更好的机会修复它并让他再看看。目前我无法在这个问题上找到答案。

由于

2 个答案:

答案 0 :(得分:0)

你有2个div并排class =" pure-u-1-2"宽度50%。 在一个div中你有一个img widht = 440。 那么当屏幕小于880时会发生什么? 也许有重点。 (只是用FF看了 - 没有Mac)。 希望它有所帮助。

答案 1 :(得分:0)

一个潜在的问题是视网膜显示不会返回媒体查询的实际像素数。它们返回一半像素数,并将pixel-ratio设置为2x。