什么是后备？

Question

我不是以英语为母语的人，我想确定我知道“后退”是什么意思。我检查过它可以指的是“B计划”。更具体地说，我从一个文件中读到了这句话："For using REM and a fallback“。

// 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" />

因此，在这种情况下，所有不能处理媒体查询的浏览器至少会退回到"fallback.css“。如果媒体查询与设备规格(关键字：progressive enhancement)匹配，则支持媒体查询的设备将加载fallback.css和advanced.css！

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

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

一些常见的回退示例

• 当你声明CSS body{ font-family: super-fancy-font, Arial, sans-serif }时，那些没有安装“-
  • - font”的字体将会退回到" Arial“，但同样，如果你安装了Arial，否则你告诉浏览器采用不带衬线的标准字体。
  • 如果你使用<noscript>-tag，这通常是不支持javascript的浏览器的后退。在此示例中，支持javascript的浏览器将不会加载由<noscript>.

  包装的内容

后备示例|“烧烤模式”(只是为了好玩)

让我们假设你想做一个烧烤和，你喜欢看到所有的观众是快乐的！你记得上次烧烤时的排骨，你真的很喜欢，并把它们放在你的清单上。

但是等等；你还记得你的一些妻子的好朋友(参加瑜伽课)是素食主义者，杰普，这是不需要动脑筋的，你不能让你的妻子朋友失望，所以让我们为那些不喜欢吃肉的人退却一下，并把莫扎里拉奶酪棒放在你的清单上。

突然，你想起了上周日你邀请的那些和尚，当你请他们来的时候，你希望他们说“不”，但他们还是同意了。所以，让我们为那些吃素食的人再做一次退路，在你的清单上放很多美味的蔬菜和水果。

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

每个人都可以吃美味的蔬菜，能吃奶酪的人可以吃。

• 和那些想吃肉的人也可以吃。

因此每个组都有其适当的后备方案，并将拥有最好的体验！

wikipedia.org

回退是在首选选项不可用时采取的应急选项。..。

wiktionary.org

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

Answer 2

REM是字体大小的CSS单位(我猜是你的源码)，而fallback ( Sass或更低版本)可以让rem在所有浏览器中工作……