缩放布局的不断增加的使用(第1部分)

如果我要指向页面并将其描述为缩放布局 ,那么您知道我在说什么吗?

该术语无障碍Web开发的首要倡导者乔·克拉克(Joe Clark推广 ,用于描述经过格式化(或重新格式化)的页面,以使低视力用户(使用超大文本导航或使用放大软件。

缩放布局的主要功能是将页面格式化为单列 ,而不是两三列浮动列, 从而使文本具有更大的缩放空间 ,而无需创建水平滚动条。 这样的布局还可能具有简化的导航,更大的默认字体或提供更高对比度的颜色方案的变体的功能。

这是同一页面设计的两个示例:

除了缩放之外,还有更多其他功能!

描述这些布局的另一种方法是将它们称为线性化序列化页面。 它们类似于具有CSS功能的串行访问设备(例如基于浏览器的屏幕阅读器)以及完全不使用CSS的设备(例如纯文本浏览器和搜索引擎)对页面的显示方式机器人)。 它们也与短暂鼓励但最终被拒绝的“纯文本”版本概念非常相似,因为它们强调内容的可读性,而不是更好的设计美学。

关键是,对于简单的线性页面布局,无需花太多的想象力即可想到一大堆不同的用途:

  • 对于 iPhone,智能手机等小屏幕设备以及游戏设备内置的浏览器来说,它更好
  • 更适合打印,因为它没有尝试将固定的宽版面布置到狭窄,灵活的空间中。
  • IE5甚至是Netscape 4等较旧的浏览器配合使用效果更好 这些早期的CSS实现通常对实现核心设计的基本颜色,字体和背景非常满意。 如果我们可以将这些样式与倾向于使这些浏览器感到烦恼的高级布局和框式样式分离开来,那么我们仍然可以给它们一些吸引人的和烙印的名称,以替代一方面是一团糟,也可以是没有样式在其他方面。
  • 对于屏幕分辨率较低的旧计算机,最好采用与屏幕较小的计算机相同的方式。
  • 这是对串行访问设备所见内容的一个有用类比 ,可以帮助您理解和关联屏幕阅读器以及在较小程度上由搜索引擎机器人查看页面的方式(主要区别是机器人不解析) CSS ,而屏幕阅读器可以)。

因此,我们真正在谈论的不仅是增强可访问性的方法,而且是从根本上将受众分为两个不同的用例的方法 -一方面提供小屏幕和线性设备的布局,另一方面大屏幕台式机和笔记本电脑设备:

缩放布局的不断增加的使用(第1部分)
大屏幕和小屏幕布局,因为它们适用于不同的窗口大小。

实现它…

那么,我们需要做些什么才能做到这一点呢? 总结部分将揭示所有内容:

缩图: Kyle May

From: https://www.sitepoint.com/the-ever-increasing-uses-of-a-zoom-layout-part-1/