响应式网站设计排版的未来是什么 一篇了解

这些年来，网站的设计和布局取得了长足的进步，但是我们还有很多地方需要改进。 今天，时至2020年09月09日给你议响应式网站设计排版的未来是什么，期待能对大伙儿具有参照的功效。

给你议响应式网站设计排版的未来是什么：

段落宽度：现在网站上的主要问题是段落长度 太长。 最大宽度：40em是使文本更具可读性的基本准则。

字距调整：可用于收紧/松开字体。 连字：您可以组合字母以使其更易于阅读。 文本表示：optimizeLegibility是一行代码，用于解决这两个问题，它将立即改善网站设计的布局。

子像素字体字母有时会阻止字母，尤其是在OSX上。 webkit-font-smoothing：抗锯齿； 不要在小字体上使用它。

如果每个人都掌握这三个技能，那么网站设计会更好。

媒体查询缺乏物理分辨率 。 原始规格具有像素和屏幕的物理尺寸。

当前的标准工作方法是基于96dpi的假设。 如果您进行更改，那么许多已经构建的东西将崩溃。

您如何解决网站设计中的物理尺寸问题？

在Windows 10中，您可以查询屏幕的原始DPI（物理尺寸），但这只能由本机应用程序查询。

当您具有每个屏幕的物理分辨率时，可以在不同大小的屏幕上以相同大小呈现字体。

如果您知道屏幕的观看距离和实际尺寸，则可以确定所感知的字体大小。

大小计算器是可以帮助您确定从远处观看的元素的感知大小的工具。

当瞄准不同的视口时，观看距离很重要。 目前还不确定。

有一个媒体查询可以告诉您是否已投影，但似乎不受支持。

字体应用于特定目的：例如低质量的纸张和低分辨率的屏幕。

字体家族中相同级别的字体可以解决诸如网站设计中的小字体（最小9像素）之类的问题。

具有多种宽度和粗细的大字体家族为网站设计提供了很大的灵活性，而只有少数几种样式无法做到。 它扩大了他们表达的范围。

Sitka是为Microsoft Word设计的新字体系列，具有多个光学尺寸母版。 它将根据您使用的字体大小自动更改，例如：标题，显示，横幅等。

在网站设计中，许多事情是动态而流畅地完成的。 但是，该类型具有“玻璃地板”：如果不加载完整的字体文件，则无法调整层次结构。 更改宽度或厚度需要使用全新的字体。

可变字体格式：将提供更多的系统，而不是一组字体文件。 插值权重将减少文件大小，下载时间等。

当前，我们只能使用“检测并提供”功能：了解屏幕尺寸并加载适当的字体。

字体宽度使用大字体系列将文本片段紧紧地固定在其容器中。

各种字体样式都适合于响应式设计，因为您可以交换样式以使其适合于变量。

从海外翻译：https：//www.lukew.com/ff/entry.asp？1856

我认为如今大伙儿搞清楚响应式网站设计排版的未来是什么了吧，已经在上文为大家进行了详细的讲解，相信大家在看完之后一定能够快速学会哦。