IE 条件注释与 Sass 和 Bourbon

2023-12-03

我想为不同的浏览器提供不同的字体(请参阅这个问题).

有没有一种巧妙的方法可以用 Sass/Bourbon 来做到这一点?

这是我到目前为止所拥有的:

<!--[if IE]> -->
@include font-face("myicons", "myicons", $weight: normal, $style: normal,
                   $asset-pipeline: false);
<![endif]-->
<!--[if !IE]> -->
@include font-face("myicons", "myicons", $weight: normal, $style: normal,
                   $asset-pipeline: true);
<![endif]-->

这个问题超出了 sass 范围,因为它只是一个预处理器,并且没有关于浏览器的线索。 也是在 css 范围之外决定不同浏览器的条件。

您可以像 html5 样板一样向 html 添加 ie8 类,然后使用 css 规则来激活字体。

body {
  @include font-face("myicons", "myicons", $weight: normal, $style: normal, $asset-pipeline: false);

  .ie8 & {
    @include font-face("myicons", "myicons", $weight: normal, $style: normal, $asset-pipeline: true);
  }
}

并在 html 文件中

<!--[if IE 8]>         <html class="ie8"> <![endif]-->
<!--[if gt IE 8]><!--> <html>         <!--<![endif]-->
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

IE 条件注释与 Sass 和 Bourbon 的相关文章

  • 没有类的 CSS 选择器

    我正在使用选择器来选择不具有一个类的所有元素 list th not foo some rules 我怎样才能将其应用到多个班级 list th not foo list th not bar some rules 上面的 CSS 当然不会
  • 固定宽度可变高度网格CSS

    我们如何在网格布局中实现固定宽度和可变高度 就像www pinterest com http www pinterest com主页布局 我认为他们正在使用 Javascript 只是想知道是否还有其他方法 只需使用float left不管
  • 增加数字输入、CSS、HTML 上的向下和向上箭头的大小

    有没有办法利用CSS来增大数字输入框右侧的上下箭头的大小 只是向上和向下箭头 而不是整个输入框 或者至少是按比例的 看这个例子 size 36 font size 36px size 12 font size 12px
  • 动态表单标签宽度的 CSS

    我目前正在重构我们的表单控制器之一 以便我们可以将其用于面向公众的网站 目前它正在为表单生成表格布局 但我正在尝试使用 CSS 表单来完成它 我正在尝试重现看起来像这样的东西http www stylephreak com uploads
  • 调整文本区域大小

    我需要使用文本区域来显示一些文本 问题是 如果我放置 4 5 行文本 就会出现滚动条 如何使用 CSS HTML 使文本区域与其内容一样大 没有滚动条 文本区域不需要动态更改其大小 我仅使用它来显示文本 我也可以使用禁用的文本区域 我希望文
  • Textmate“注释”命令对于 css 代码无法正常工作

    当我在 TextMate 中切换 CSS 源代码的注释时遇到一些问题 Using the shortcut CMD I activate the Comment Line Selection command from the source
  • 如何更改 Bootstrap 3 div 列顺序

    正在做我的第一个响应式设计 在 Bootstrap 3 中可能会出现类似的情况 在 lg 上更改此设置 a b c sm 上的这个 a c b 您可以使用两个 div 一个用于第一类型的布置 另一个用于第二类型的布置 第一个仅在 lg 中显
  • 三级十进制有序列表 CSS

    我有一个 html 中的三级有序列表 我想为其提供如下样式 1 Item 1 1 1 Item 2 1 1 1 Item 3 下一个 plunker 中有一个 html 示例 http plnkr co edit DqhZ5pJILTUHG
  • 带显示块的SPAN

    和默认有什么区别 div 元素和默认值 span 元素与display block HTML 元素的有效性和语义存在差异 否则它们是相同的 div and span两者都被定义为通用容器 在 HTML 方面没有更深层次的含义 一个默认为块显
  • 博客上的随机背景图片

    我正在尝试整理某种代码 以随机化我的博主博客上的背景图像 我的编程技能不足 但我愿意尝试建议 我记得在 WordPress 中实现了类似的功能 通过将 php 代码文件存储在图像文件夹中 然后从 CSS 中调用该 php 文件 就像它是图像
  • 使用 CSS 删除不需要的表格单元格边框

    我有一个奇怪且令人沮丧的问题 对于简单的标记 table thead tr th 1 th th 2 th th 3 th tr thead tbody tr td a td td b gt td td c td tr tr class o
  • 如何使按钮在表格单元格内居中

    我试图通过以下方式将按钮置于表格内的中心 text align center 然而 它似乎对我不起作用 注 我用过Display table cell结合Vertical align middle将按钮的文本居中 正如您所看到的 第一个按钮
  • 父级嵌入框阴影与子级 div 重叠

    我遇到一个问题 子级 div 与父级框阴影底部重叠 父级有一个 max height w overflow y 滚动 任何帮助都会很棒 https i stack imgur com jQe0r png https i stack imgu
  • 双弧形

    我目前正在尝试生成 波浪形幽灵底部 形状 该形状包含两条双曲线 虽然底部的部分这个图片 http images clipartpanda com ghost clip art castle ghost clipart1 jpg我认为以更好的
  • 如何淡化循环背景图像?

    这里的菜鸟 我试图让我的静态背景变成一个轮播 我当前的html看起来像这样 div class pageContent div 和我的CSS body background url http placehold it 1600x1200 n
  • SASS如何在旋转body时使页面完整的高度和宽度?

    我必须旋转我的身体并做到这一点全高 and 全屏宽度 嗯 我用的是vh公制并且非常适合width但身高还是不太合适 我不得不旋转 90 度但是height and width仍然指相同的方向not rotate PS 我添加了 red以便更
  • 响应式网格布局框架[关闭]

    就目前情况而言 这个问题不太适合我们的问答形式 我们希望答案得到事实 参考资料或专业知识的支持 但这个问题可能会引发辩论 争论 民意调查或扩展讨论 如果您觉得这个问题可以改进并可能重新开放 访问帮助中心 help reopen questi
  • 如何在CSS3媒体查询中使主体宽度自动等于设备宽度?

    我现在正在做一个移动网站 并尝试使用 CSS3 媒体查询来定位不同的设备 我的部分代码如下 media screen and max width 320px body width 320px some other style 正如您所看到的
  • 更改离子搜索栏的占位符和清晰图标颜色不是全局的吗?

    我有两个离子搜索栏 我只需要更改其中之一的占位符和清除图标颜色
  • span 和 iframe 正文中的宽度(以像素为单位)

    我需要知道 a 的宽度 nbsp 以像素为单位 以及是否取决于字体大小 另外 页面中不同元素的情况是否有所不同 还有 就是 nbsp 与常规不同 目的 nbsp 不间断空格 位于正常空格之上是为了防止单词之间出现换行 您可以使用多个 nbs

随机推荐

  • 重新渲染 rich:dataTable 的特定行

    早上好 是否可以仅重新渲染 rich dataTable 的 1 特定行 我有一个 rich dataTable 当我执行某些操作时 我确信只有 1 行发生了更改 我只需要重新渲染这一行 而不是整个表 是否可以 如何 XHTML
  • 使用海龟模块 exitonclick()

    我的代码应该在第一部分之后关闭turtle screen 然后启动另一个屏幕并执行第二部分 但在那里它没有按预期工作 import turtle ws turtle Screen tod 1 turtle Turtle tod 1 colo
  • UIScrollview获取触摸事件

    如何检测我的触摸点UIScrollView 触摸委托方法不起作用 设置点击手势识别器 UITapGestureRecognizer singleTap UITapGestureRecognizer alloc initWithTarget
  • 为什么向量持有一个类类型在push_back()时会再次调用复制构造函数?

    我有以下代码 include
  • Java-切换字符串中的字母大小写

    我有我的代码可以将大小写从上切换到下 反之亦然 我也有它可以从上到下 从下到上切换的位置 我的问题是 有没有办法让它也包含逗号或句点等字符 例如 如果我输入字符串 Hello there 我会得到 你好 那里 你好 那里 和 你好 我怎样才
  • Unity Hololens2 构建错误

    我尝试构建 Hololens 2 应用程序 但遇到无法解决的错误 当我尝试使用 Unity 播放按钮测试应用程序时 它按预期工作 我还尝试了 MRTK 示例场景 它也只能通过播放按钮起作用 但当我尝试构建它时却不起作用 构建错误 Libra
  • 熊猫在索引列上合并? [复制]

    这个问题在这里已经有答案了 In 88 c Out 88 Address Name CustomerID 10 Address for Mike Mike 11 Address for Marcia Marcia In 89 c index
  • 为 javafx textField 添加最多 2 位小数的侦听器

    我想将 javaFX 文本字段设置为小数点后两位 我找到了答案 但它是针对数值的 例如 force the field to be numeric only textField textProperty addListener new Ch
  • 如何更改 UIImagePickerController 中的取消按钮标题?

    目前我正在开发一个多语言应用程序 我想更改Cancel Use and Retake的按钮标题UIImagePickerController 我怎样才能做到这一点 我的问题是通过使用自定义覆盖类解决的 self picker UIImage
  • 如何用日期标记 x 轴?

    我似乎无法弄清楚如何在 Matlab 中绘制不按数字顺序排列的日期 我需要的日期是从 1 月 22 日到 2 月 1 日 但是当我将其放入 Matlab 中时 它从 1 日开始按数字顺序排列 所以我想知道如何获取它 以便它按照我的列表顺序排
  • Google Cast SDK3 Android 示例应用程序在低于 5.0 的设备上崩溃

    我已经尝试过 Google Cast Android 示例应用程序 但对于低于 5 0 的设备会崩溃 有人知道为什么吗 下面是我的崩溃日志 0830 12 38 57 242 E AndroidRuntime 16269 引起 java l
  • 如何从极坐标中的日期时间列中提取日期

    我正在尝试从熊猫转移到极地 但遇到了以下问题 import polars as pl df pl DataFrame integer 1 2 3 date 2010 01 31T23 00 00 00 00 2010 02 01T00 00
  • 批量更改文件扩展名

    简单的问题 IMDU 命令执行 imdu b file imd file raw 并将 file imd 转换为 file raw 我有很多 imd 所以我需要一批 我努力了 for x in imd do imdu b x nx raw
  • jQuery:包含用于搜索多个字符串的选择器

    假设我有 li Mary li li John Mary Dave li li John Dave Mary li li John li 如果我需要找到所有包含 John 和 Mary 的 元素 我将如何构建 jQuery 搜索单个字符串似
  • 在 R 中将 raw 转换为 long?

    我需要读取一个编码长整型的二进制文件 我只举其中一个多头作为例子 don t know a simpler way to create the raw vector z lt writeBin c 8L 208L 59L 233L 106L
  • PHP签入签出系统

    我有 PHP 的基本知识 我正在尝试通过向数据库添加签入时间和签出时间来创建签入和签出系统 报到 session start SESSION inchecken true tijd date H i s query INSERT INTO
  • 使用 R/Selenium 仅查找 Disqus 中最热门的帖子

    首先 我对这篇文章的长度表示歉意 因为我想提供足够的细节来说明我正在尝试做的事情 我正在尝试完善我用 R 编写的抓取应用程序以获取 Disqus 评论 到目前为止 我可以使用各种 RSelenium 功能获取特定页面上的所有评论 我现在想做
  • C# 面板作为 MDI 容器

    在 C 中 我想创建一个具有 MDI 容器属性的面板 即 isMdiContainer true 我尝试过这样的事情 form MDIParent this panel1 但这不起作用 有什么建议么 可以创建一个 MDI 面板并在该面板中显
  • 如何在 android 中的 glSurfaceView 之上构建 GUI/HUD

    我有一个glSurfaceView看起来像这样 public class GLLayer extends GLSurfaceView implements SurfaceHolder Callback Camera PreviewCallb
  • IE 条件注释与 Sass 和 Bourbon

    我想为不同的浏览器提供不同的字体 请参阅这个问题 有没有一种巧妙的方法可以用 Sass Bourbon 来做到这一点 这是我到目前为止所拥有的 include font face myicons myicons weight normal