0

首先我想先解释一下我的问题,如下:

在除 Safari 之外的所有浏览器中,我的网站http://www.hamiltonseniorcity.com/dean/location-category/health-wellness/?passedpageid=28&box=1在此页面、Safari 和我的 iPad 上显示正常并适当缩小页面扭曲并且无法正确缩小到较小的屏幕。此外,包含左右内容区域的 div 似乎扩展到全屏。我相信这个问题是由 Safari 如何呈现我的 div 表格和表格单元格属性引起的,我可能是错的。有没有人有这个问题的解决方案或任何建议?

4

1 回答 1

1

我已经在 iPad 上测试了该页面,我可以重现您的问题。

该问题是由以下 CSS 规则引起的:

.equal-columns > div {
    display: table-row;
}

它覆盖了这段代码:

.equal-columns > div {
    display: table-cell;
}

借助此解决 iPad 的媒体查询:

@media screen and (max-width: 768px)

我认为 Safari 遇到了麻烦,因为现在表格行中没有表格单元格。如果您修复此问题并将其设置为display: table-cell;无论何种分辨率,它都会在 iPad 上的 Safari 中再次运行。我想它也会在 PC 上的 Safari 5.1.7 上修复它。


另请注意,Safari 不再是为 PC 开发的。5.1.7 是自 2012 年 5 月以来的最新和最后一个版本。Apple 的所有新 Webkit 内容将无法在 PC 上使用。很遗憾。…</p>

于 2013-08-13T17:19:52.127 回答