html - Safari 6 表格最大宽度问题

标签 html css safari

我在 OS X 上使用 Safari 6 时遇到了一个问题。当查看已发送电子邮件的存档时(通过单击“单击此处在线查看”链接),Safari 会在大约 50% 的位置显示时事通讯它的实际大小。这在 Windows 中的任何浏览器(包括 Safari)上都无法复制,这让我相信这是一个 OS X 问题???

链接:http://uofi.uic.edu/emailer/newsletter/41090.html

它应该是一个适合移动设备的页面,可以根据查看大小调整大小。

我调查了一下,意识到最大宽度没有太大影响(除非另有说明,否则表格应该达到 100% - 最大宽度允许它达到 100% 但限制它超过特定宽度)当 max-width 被 width 替换时,它工作得很好。但是,这会阻止它在移动设备上查看或在桌面浏览器中进行扩展。

任何人都知道是什么导致 OS X 上的 只有 Safari 6 呈现这个问题?

附带说明一下,如果您刷新页面,它会随机地正确显示(600 像素而不是 350 像素)。但是,这仅在您通过突出显示地址栏并单击 Enter 重新输入 URL 时有效。如果我单击刷新按钮,它不会经常工作。无论如何,这不是我们用户群的解决方案。

非常感谢任何输入/反馈!

谢谢。

最佳答案

设置 display: inline-table; 就这样......

<table.. style="background:#e7e7e7; width:100%; max-width: 600px; display: inline-table;"..>

关于html - Safari 6 表格最大宽度问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18921852/

相关文章:

css - 在加载内容之前隐藏正文——适用于 IE,但不适用于 Safari?

safari - 在导航上保持 safari 远程调试打开

javascript - 如何修复错误 : expected false to equal true html

html - 与 JSP 和 CSS 文件 float 对齐

html - 表格中的两列

CSS:启用 Webkit 硬件加速在 Safari 中工作正常,在 Chrome 中困惑

html - CSS 在换行前创建填充

php - 如何在大的 xml 文件中使用 php?

php - 与 echo 一起使用时在表数据上放置一个超链接

html - 制作最小列的多列大小