注的人和您阅读的内容，

suraiyaislamsum

您可能已经注意到最近设计界正在讨论的“响应式文本”的概念。这不是您想象的那样 - 调整大小和改变版式以使其更容易在各种设备上阅读 - 而是根据屏幕尺寸向设备提供不同数量的内容。 设计师弗兰基·罗伯托（Frankie Roberto）的一项实验就是一个例子。另一个是Sifter App网站上的导航菜单。Roberto 和 Sifter 正在使用媒体查询来根据屏幕尺寸实际隐藏和显示文本（即，不会根据上下文重写或提供不同的内容，例如，就像针对移动设备的文案所做的那样）。 关于 SmashingMag 的 进一步阅读：  具有 vh 和 vw 单位的真正流畅的版式 使用 FlowType.JS 引入响应式 Web 排版 平衡 RWD 中的行长和字体大小 艺术导向的响应式网页版式案例研究 在了解了这项技术的工作原理之后，我。

还不会认可它，因为它的实用价值尚不清楚。此外，将其描述为“响应式”可能会使可能不太理想的编码技术合法化。下面是它在 Sifter 网站上的工作原理截图： 了解“TypeScript 50 课”，这是我们全新的 TypeScript 指南。包含详细的代码演练、实践示例 购买电话号码列表 和常见问题。对于了解足够JavaScript 的开发人员来说是危险的。 跳转至目录 ↬ 功能面板 Sifter 应用程序网站 更改Sifter导航菜单中的选项卡式内容。大视野。 这是如何实现的？  在此示例中（以及 Roberto 的演示中），您会注意到一些事情。屏幕截图显示了不同屏幕尺寸的 Sifter 网站的两个版本，以演示两个断点处发生的情况。 当您在大型设备上查看网站时，倒数第二个菜单选项卡将显示“定价和计划”的完整标签。在较小的设备（最大为平板电脑大小的。



设备）上，标签更改为“定价”。这个特殊的例子可能没什么大不了的，但我主要担心的是这被视为“响应式文本”。它不是。它只是隐藏了臃肿的内容，如果内容不够重要，无法在较小的屏幕上显示，那么它在任何尺寸下都可能并不重要。 措辞的变化是否意味着有关 Sifter 计划的信息仅提供给大型设备上的用户，还是“计划”部分是多余的？我们可以假设不是，因为所有屏幕尺寸的选项卡都会链接到该…plans页面。这可能会让小型设备上的用户感到困惑：他们点击了“定价”，但首先被发送到一个概述计划的页面。 为了显示和隐藏选项卡的“Plans &”部分，Sifter 的设计者将该元素包裹在一个跨度中。对于单个菜单项来说，这并不是世界末日，但祝你好运，沿着弗兰基·罗伯托用他的段落展示的道路走下去。我无法。