响应式排版 - 模块尺度和流体类型

2017-10-09 22:31


      终所周知,一个新项目在议程上,你正在考虑一下。整体的增加是多少?对,你正在考虑将来的所有项目,而不必随时知道这一点。

在概念设计中如何处理这个问题,如何将整体转移到开发过程中呢?快速地,模块化规模已经下降了。
模块化尺度
模块化规模是将历史/文化上令人满意的比例应用于类型和布局。例如,我们可以采取基准值(如14px),并以1.618(黄金比率)为单位进行向上和向下扩展。即使我已经将其整合到样板中,但最终不如一直使用的那样。如果您想了解更多关于模块化尺度的信息。然后,模块化鳞片不仅迅速下降,而且在石头上多少刻有凿子。几天后,这个话题再次出现。虽然我们已经决定如何确定项目的大小,但令人兴奋的一点是响应性环境中的行为。几种方法:  
1.调整断点的基本字体大小
第一种方法是更改​​每个断点的基本字体大小(您认为是必要的),以便可以调整所有字体大小。听起来理论上也许不是那么糟糕。但是我们真的可以调整BaseFontSize这么多,这对所有其他的倍数大小都有明显的影响吗?这种做法一般让我们开心吗?
2.将模块化缩放分配给不同的断点
方法二是一个类似的方向,但是这里我们并不一定会改变BaseFontSize(当然这是可能的),但是我们要重新分配比例。如果我们假设我们的BaseFontSize == ModularScale 0(MS0),并且我们需要项目中的头条H1H2H3,我们现在将分配以下缩放为默认值:H1 == MS3H2 == MS2H3 == MS1并从视口大小> = 1024px表示,我们重新分配 MS值,所有标题都会变大:H1 == MS4H2 == MS3H3 == MS2,很简单还是 只有我们摧毁与BaseFontSize的关系。现在我们不一定总是看到必须调整,因为否则我们变得与基地相当大。好方法但...
3.与流体类型相结合的模块化尺度
Buzzword + Buzzword = superawesome!好的,慢吧!这种流体类型是什么?我试着解释一下:基本上很简单。您将CSS Calc函数
基本上没有什么比我们有四个价值观:
1(minFS):最小字体大小
2(maxFS):最大字体大小
3(minVP):较低的视口限制
4(maxVP):上视口限制
如果你现在如minFS = 15px的maxFS = 21pxminVP = 320像素MAXVP = 1280px有什么比一个其他在<= 320px的字体大小15px的拥有和> = 1280px的字体大小21px。在此之间,连续计算FontSize。这可以很好地通过拖动它的浏览器大小测试。
 


服务支持

我们珍惜您每一次在线询盘,有问必答,用专业的态度,贴心的服务。

让您真正感受到我们的与众不同!

合作流程
合作流程

重庆网站建设流程从提出需求到网站建设报价,再到网站建设,每一步都是规范和专业的。

常见问题
常见问题

什么是网站定制?网站报价如何?网站常见问题。

常见问题
售后保障

网站建设不难,难的是一如既往的热情服务及技术支持。我们知道:做网站就是做服务,就是做售后。