Der___ 2021-06-04 10:35 采纳率: 0%
浏览 33

stylus 中的 calc 改为scss的calc

min-height: 'calc(100vh  - %s - %s)' % ($navbar-height $footer-height);
  • 写回答

1条回答 默认 最新

  • 崽崽的谷雨 2021-06-04 10:44
    关注

    遇到什么问题了呢

    评论

报告相同问题？

  • 利用calc属性将px转化为响应式布局
    2023-03-21 13:34
    宋美立的博客 假如我们的开发尺寸的宽高是1920×1080，需要将其变为响应式布局，用vw、vh来代替。注意calc()属性中间的运算符左右都要有空格。转为vw、vh。
  • js动态修改scss和stylue变量值
    2021-03-12 10:37
    资深柠檬精的博客 1.在style标签中定义 //:root在最外层的组件定义就行，其他子组件内不用重新定义，可以直接使用 :root { –width-primary: 1rem; } 2.使用 .test{ font-size: calc(var(–width-primary) + 1rem); } 3.js中修改变量...
  • css预编译
    2023-03-10 15:42
    风不在乎的博客 css预处理器浅析，包括scss、less、stylus
  • 网站开发进阶（六十三）详解CSS3中的calc()
    2021-04-13 14:49
    No Silver Bullet的博客 CSS3 的 calc() 函数允许我们在属性值中执行数学计算操作。例如，我们可以使用 calc() 指定一个元素宽的固定像素值为多个数值的和。 .foo { width: calc(100px + 50px); } 如果你使用过 CSS 预处理器，比如 SASS，...
  • 在vue项目中使用scss经验
    2021-04-06 14:35
    前端李小白的博客 1、在assets文件夹下的styles中，文件结构如下： element-ui ele的组件样式 element-variables ele主题颜色变量 Index 项目全局样式 Mixin 混入样式 Transition 动画样式 Variables 项目样式变量 2、重置css样式 ...
  • vuecli3 引入全局scss变量_Vue-cli中使用Scss全局变量
    2020-12-19 01:59
    weixin_39958100的博客 vue-cli相关插件：sass-resources-loader应用场景：在vue-cli各个组件中应用全局scss变量先简要介绍下今天遇到的开发内容，如下图：是一个登录页面，其中头部标题需要抽离成单独的组件以供复用，它的高度为定值，...
  • CSS样式
    2023-11-29 08:10
    amingMM的博客 支持 Sass / Scss ，执行以下命令安装：支持 Less ，执行以下命令安装：支持 Stylus ，执行以下命令安装：安装后，就可以直接使用以上对应的CSS预处理语言了，非常方便。-webkit-transition:CSS属性。
  • calc() 使用sass变量计算出现的问题和解决
    2019-02-19 17:11
    Iris122_的博客 正常的calc(): .detailPage { width: 100%; min-height: calc(100vh - 50px); background-color: #f7f6f6; } 本以为可以直接把具体像素换成scss，如下： .detailPage { width: 100%; min-height: calc(100...
  • 前端领域的前端CSS预处理器应用
    2025-04-27 19:47
    AI架构全栈开发实战笔记的博客 CSS预处理器是现代前端开发中不可或缺的工具，它解决了原生CSS在大型项目开发中的诸多痛点。本文旨在全面介绍CSS预处理器的核心概念、主流工具选择、实际应用技巧以及最佳实践，帮助前端开发者更好地理解和运用这些...
  • umi引入css,umi中使用scss
    2021-08-04 00:56
    回头看看我的博客 在umi中可以直接使用css，但是并不支持scss，我们需要加两个loader，直接npm安装 node-sass和sass-loader 即可，剩余的事情umi已经帮我们做好了。npm i --save-dev node-sass sass-loader在src/assets下新建文件夹- ...
  • 2025年前端面试八股文 【HTML】篇
    2024-12-25 15:05
    weixin_46789870的博客 前端面试八股文，里面包含html和css
  • stylus 设置全局样式_vue设置全局样式变量 less
    2020-12-20 12:15
    weixin_39902085的博客 1.第一步：npm install sass-resources...然后在build 的utils.js中exports.cssLoaders = function (options) {}中加上一下代码：function lessResourceLoader() {var loaders = [cssLoader,'less-loader',{loader: ...
  • 【热门话题】PostCSS：现代前端开发中的CSS增强工具
    2024-04-26 14:16
    鑫宝Code的博客 PostCSS是一个用 JavaScript 编写的、用于转换 CSS 代码的开源库...PostCSS作为一款强大的CSS处理工具，凭借其插件化架构、对浏览器兼容性的卓越支持以及对CSS新特性的前瞻实现，已成为现代前端开发不可或缺的一部分。
  • 一篇完整的 Scss 学习指南，看这篇就够啦
    2022-02-21 10:00
    前端达人的博客 作者：小猪努力学前端https://juejin.cn/post/7055101823442485255前言今时不同往日，能叫我们切图仔的只能是我们自己！在JavasScrip框架满天飞的...
  • 前端常见笔面--CSS
    2022-08-26 17:18
    辜十四的博客 css预处理器种类繁多，三种主流css预处理器是Less、Sass（Scss）及Stylus；它们各自的背景如下: Sass： 2007年诞生，最早也是最成熟的CSS预处理器，拥有ruby社区的支持和compass这一最强大的css框架，目前受LESS...
  • bearRepository
    2021-03-27 04:45
    4. **预处理器**：SCSS是CSS预处理器的一种，还有Less和Stylus等。它们扩展了CSS的功能，让样式编写更高效，最终编译成浏览器可识别的标准CSS。 5. **个人作品集（Portfolio）**：对于开发者来说，建立一个在线作品...
  • 夯实前端基础之CSS篇
    2025-01-10 19:30
    silvia_frontend的博客 盒模型的转换方式（标准盒模型） |border-box（IE盒模型）;单位长度（通常指每英寸）所包含的像素数量经典设备宽高, 物理像素=>1242/414=3=> 逻辑像素 ：...根元素（html）：本身就是一个BFC浮动元素（float不为none。
  • 2024 年，你能放弃 CSS 预处理器吗？
    2024-09-22 10:10
    @大迁世界的博客 随着前端技术的飞速发展,CSS预处理器已经成为许多项目中不可或缺的一部分。然而,随着原生CSS的不断进化,一个值得思考的问题浮出水面:在2024年,我们是否还需要CSS预处理器?CSS预处理器的兴起与发展CSS预处理器诞生于...
  • 前端进阶-CSS知识点总结
    2023-10-14 16:26
    努力学习的廖同学的博客 对于复杂动画效果,使用绝对定位让其脱离文档流，否则会引起父元素及后续元素大量的回流 避免使用JS一个样式修改完接着改下一个样式，最好一次性更改CSS样式，或者将样式列表定义为class的名称 先隐藏元素，进行修改...
  • 【CSS】1278- 不错的 SCSS 使用技巧总结（1w字）
    2022-04-02 07:46
    pingan8787的博客 作者：小猪努力学前端...在JavasScrip框架满天飞的年代，前端三板斧之一的CSS也前前后后涌出Sass、Less、Stylus等多款CSS预处理框架。今天我们要讲的就是其中的的老大哥Sass的升级版Scss，Scss给我们提供了变量 、...
  • 没有解决我的问题, 去提问