后备示例

Question

我不是母语为英语的人，我想确定我知道“后备”是什么意思。我已经检查过它可以引用“计划'B'”。更具体地说，我从“使用REM和后备”文件中读到了这句话。

// Mixin: Font Size
//
// For using REM and a fallback
//
// usage:
// @include font-size(1.2);
//
@mixin font-size($sizeValue: 1.6) {
  font-size: ($sizeValue * 10) + px;
  font-size: $sizeValue + rem;
}

我也想知道在这种情况下“后备”意味着什么。 “后备”是两个选项之一吗？他们使用的是后备模式吗？

Answer 1

后备示例

假设您希望使用媒体查询，但并非每个浏览器都能处理它。

<link rel="stylesheet" media="all" href="fallback.css" />
<link rel="stylesheet" media="screen and (min-width: 900px)" href="advanced.css" />

因此，在这种情况下，每个无法处理媒体查询的浏览器都会回退到＆＃34; fallback.css＆＃34;至少和支持媒体查询的那些将加载fallback.css和advanced.css（关键字：progressive enhancement）！

同样适用于实际问题，其中font-size: ($sizeValue * 10) + px;是那些不支持font-size: $sizeValue + rem;的浏览器的后备。或者简而言之：browsers that don't support the rem-unit on CSS values使用px - 单位回退到CSS值。

从这个背景来看，后备应该提供一个最小状态 - 所以说......

一些常见的后备示例

当您声明CSS body{ font-family: super-fancy-font, Arial, sans-serif }时，那些没有字体＆＃34;超级花哨字体＆＃34;安装将回归＆＃34; Arial＆＃34;但是，只有安装了Arial，否则你告诉浏览器采用不带衬线的标准字体。
如果你使用<noscript> - 标签，这通常是后备不支持javascript的浏览器。在这个示例浏览器中支持javascript不会加载<noscript>包含的内容。

后备示例| ＆＃34;烧烤模式＆＃34; （只是为了好玩）

让我们假设你想要烧烤，你喜欢看到整个观众都很开心！你还记得你最喜欢的那些美味的排骨，并将它们列入你的名单。

但等等;你还记得你的一些好朋友（来自瑜伽课程）都是素食主义者和杰普，你不能让你的妻子好友失望，所以让那些不要忘记你的妻子喜欢吃肉，把mozarella棒放在你的清单上。

突然你还记得你上次星期天邀请的那些佛教僧侣，当你让他们期待他们说'＃34; NO＆＃34;但他们同意了。因此，对于那些吃素食主义者并在你的名单上放上很多美味蔬菜和水果的人来说，还有另一个后备。

到目前为止，您有一个理想的烧烤设置：

每个人都可以吃到美味的蔬菜和水果。
任何能吃奶酪的人都可以吃。
那些想吃肉的人也可以吃。

因此，每个群体都有适当的后备，并将获得最佳体验！

wikipedia.org

如果首选项不可用，则后备是一个应急选项。 [...]

wiktionary.org

[...]如果主要计划出现问题可以使用的替代方案[...]

Answer 2

REM是字体大小的CSS单位（我想你的来源）和后备（在Sass或LESS中）让rem在所有浏览器中工作......

什么是后备？

2 个答案:

后备示例

一些常见的后备示例

后备示例| ＆＃34;烧烤模式＆＃34; （只是为了好玩）