前端
关注
分享
扫一扫
shi__Yu
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
关于css 子元素设置 margin-top 会导致父级下移的解决方案
关于css margin-top 会导致父级下移的解决方案1、给父元素添加border-top：1px solid transparent2、为父元素添加overflow：hidden；样式即可（让父元素成为BFC，内部布局不受外部影响）3、为父元素或者子元素声明浮动（float:left或者position）4、给父元素添加伪元素(推荐).box::before{content: ‘...原创 2020-02-26 17:40:12 · 1081 阅读 · 0 评论 -
px2rem适配方案，实现平滑适配
案一：当可视区域大于设计稿所提供的宽度时，将文档宽度固定为设计稿宽度。(function (doc, win,design_width) { var docEl = doc.documentElement,//获取文档节点// 判断手机是横屏还是竖屏// orientationchange 事件是在用户水平或者垂直翻转设备（即方向发生变化）时触发的事件。 resizeEvt ...原创 2020-01-15 11:51:52 · 835 阅读 · 0 评论 -
如何在vue项目中配置全局sass样式
第一步 创建全局scss需要安装 sass在scr目录下新建一个scss文件（一般命名为global.scss/theme.scss）第二步 配置vue.config.js在根目录下的vue.config.js进行配置如果没有vue.config.js 文件则新建一个文件 module.exports = { css: { loaderO...原创 2019-11-19 18:04:50 · 1271 阅读 · 0 评论 -
如何在原生html,css中使用Sass
如何在原生html,css中使用Sass## 标题1、Sass的安装sass是用Ruby语言写的，但是两者的语法没有关系，所以学 Sass 不用学 Ruby，只是必须先安装Ruby，然后再安装Sass。ruby官网：https://rubyinstaller.org/downloads/安装完成后查看ruby版本号确定安装成功然后输入gem install sass进行sass的安装。...原创 2019-11-19 17:29:22 · 7336 阅读 · 0 评论 -
结合swiper实现选项卡（菜单可拖动）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Co...原创 2019-11-05 12:56:39 · 2187 阅读 · 0 评论