什么是后备?

Cre*_*ven 3 css html5 fallback

我不是以英语为母语的人,我想确定我知道什么是"后备"的意思.我已经检查过它可以引用"计划'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;
}
Run Code Online (Sandbox Code Playgroud)

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

Axe*_*xel 6

后备示例

让我们说你想使用媒体查询,但不是每个浏览器都可以处理它.

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

因此,在这种情况下,每个无法处理媒体查询的浏览器至少会回退到"fallback.css",而那些支持媒体查询的浏览器将加载fallback.css和advanced.css(关键字:渐进增强)!

这同样适用于实际问题,哪些font-size: ($sizeValue * 10) + px;是不支持的浏览器的后备font-size: $sizeValue + rem;.或者简而言之:不支持remCSS值的-unit的浏览器使用-unit退到CSS值px.

从这种情况来看,后备应该提供一个最小的状态 - 所以说......


一些常见的后备示例

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

后备示例| "烧烤模式"(仅为了好玩)

让我们假设您想要烧烤,并且您希望看到整个观众都快乐!你记得你最喜欢的那些美味的排骨,你真的很喜欢并把它们放在你的名单上.

可是等等; 你还记得你的一些好朋友(来自瑜伽课程)是素食主义者和jepp这是一个没有脑子的人,你不能让你的妻子好友失望,所以让我们为那些不喜欢肉的人做一个后备,把mozarella棒放在你的名单上.

突然你还记得你上周日邀请的那些佛教僧侣,当你让他们期待他们说"不"但他们同意了.因此,对于那些吃素食主义者并在你的名单上放上很多美味蔬菜和水果的人来说,让我们有另一个后备.

到现在为止,您有一个理想的烧烤设置:

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

因此,每个小组都有适当的后备,并将获得最佳体验!


wikipedia.org

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

wiktionary.org

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