jQuery标签截断iPad Safari上的内容答案

【问题标题】：jquery tabs truncating content on iPad SafarijQuery标签截断iPad Safari上的内容
【发布时间】：2011-09-08 03:38:41
【问题描述】：

当 iPad 第一次问世时，我修改了我的网站以使用 jQuery 选项卡，并且一切都在所有浏览器上运行，包括 iPad Safari。但是在最新的 iPad Safari 上，jQuery 选项卡正在切断内容。 [编辑：当我写“最新”时，只有 iPad1 可用；带有标签的网站在 iPad2 上运行良好！问题仅出现在 iPad1 上。 arrgh] 其他浏览器继续正常工作。各个选项卡的内容量差异很大，鉴于网站以文档为中心的性质，各个选项卡中的文本内容可能会很长。我试过谷歌搜索

   jQuery tabs iPad site: stackoverflow.com

但找不到与此特定问题相关的任何内容，尽管this SO discussion from 2009，其中选项卡高度明确设置为具有最大高度的选项卡所需的大小，可能是一种解决方法。感谢您提供任何建议/进一步阅读的链接。

【问题讨论】：

我通过使用 jQuery UI ajax-tabs 解决了 iPad1 上的内容截断问题：该选项卡不是从同一文档中的 DIV 获取其内容，而是使用外部“文档”它的内容——准确地说，不是一个文档，而只是一大块 HTML 标记——没有 DOCTYPE、HEAD 和 BODY 部分。

标签： ipad jquery-ui-tabs

【解决方案1】：

你遇到过meta tags specifics to iOS Safaris吗？我猜视口元标记可能有助于解决这个问题，例如

<meta name = "viewport" content = "height = device-height, initial-scale = 1.0">

【讨论】：

我会检查并报告。感谢您的链接。
元标签没有达到预期的效果。以前有效的不再有效，改变的不是我的代码。
如果您可以发布一些代码和/或截断内容的屏幕截图，这可能会有所帮助。
代码非常简单——只是使用 LI 元素的标准 jQuery 选项卡声明。正如我所说，除了当前版本的 iPad Safari，它在任何地方都可以使用。这不是我的代码。当文档很大并且各个 DIVS（选项卡）的内容长度变化很大时，iPad Safari 的一些变幻莫测。至于截断，想象一下从 A 到 Z 的单词表，在字母 H 处截断。