CSS
我家空空
这个作者很懒,什么都没留下…
展开
-
【vue2】main.js引入scss文件报错
main.js引入scss文件报错,找不到文件转载 2023-03-04 15:36:41 · 460 阅读 · 0 评论 -
html2canvas 学习笔记
的作用就是允许我们直接在用户浏览器上拍摄网页或某一部分的截图。它的屏幕截图是基于DOM的,因此,可能不会100%精确到真实的表示,因为它不会生成实际的屏幕截图,而是基于页面上可用的信息构建屏幕截图。...翻译 2022-08-14 23:10:58 · 2037 阅读 · 0 评论 -
tab标签页切换效果
原生js+css实现tab标签页切换原创 2022-07-12 23:37:12 · 385 阅读 · 0 评论 -
CSS学习
1. @规则1.1 导入另外一个css文件;语法:@import 'style.css';1.2 告诉浏览器该css文件使用的字符编码集语法:@import 'utf-8';必须写到第一行2. 布局2.1 两栏布局第一种:定宽的左(main)右(aside)浮动html代码2.2 三栏布局...原创 2022-04-02 23:35:40 · 174 阅读 · 0 评论 -
CSS选择器用法
1. css样式权重计算256进制!important 无穷大行间样式style 1000#id 100.class|属性|伪类 10标签|伪元素 1通配符 03. 常用类选择器3.1 a:first-child说明:选中父元素的第一个子元素,且该子元素必须是a元素3.2 a:first-of-type说明:选中子元素中的第一个a元素3.3 a:last-child说明:选中父元素的最后一原创 2022-03-29 20:15:49 · 282 阅读 · 0 评论 -
遮罩层效果实现
先看下效果:代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> body, div,原创 2022-03-12 20:57:27 · 289 阅读 · 0 评论 -
viewport导致的bug
先简单记录一下这个bug公司项目是移动端的项目,需要根据视口设置字体大小。由于带我的人没有告诉我要在原来项目的基础上开发,我自己新建了一个项目。把静态页面写好了,然后复制过去的,结果复制过去,发现页面展示跟我原来项目里展示不一样。主要的问题就是:同一个浏览器,同一个视口(iphone6/7/8),同样的css设置,字体大小就是不一样。 如下图所示:我想要的样式:出问题后的样式:明显大了很多然后我去浏览器查了font-size属性大小:我想要的大小:出问题后的大小:同样的rem大小,同原创 2022-03-08 11:05:26 · 149 阅读 · 0 评论 -
CSS vh, vw 怎么计算?
是这样的,我在做一个移动端项目,使用了rem来做适配。前提:*{ padding: 0; margin: 0; box-sizing: border-box;}我给html, body, div#app容器设置了宽高分别为100vw和100vh,然后给div#app下的一个div.container容器设置了宽高为100%。但是,iphone6下却出现了滚动条,范围不大。然后通过控制台可以看到html,body,div#app和div.container宽高一样,如下图所示:但实际上原创 2022-02-19 23:19:55 · 809 阅读 · 0 评论 -
CSS:单行文本溢出省略号替代,多行文本溢出省略号替代
前提:都要设置宽度参考:CSS实现单行、多行文本溢出显示省略号的实现方法转载 2022-01-28 12:55:19 · 119 阅读 · 0 评论