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