写移动页面的时候,经常会希望在不同分辨率下显示不同大小的字体
calc + vw
情况1: 设置字体大小在不同分辨率下在某个范围内连续变化
例如320px-1000px之间字体大小是16px-......
Photo by Jazmin Quaynor on Unsplash
写移动页面的时候,经常会希望在不同分辨率下显示不同大小的字体
calc + vw
情况1: 设置字体大小在不同分辨率下在某个范围内连续变化
例如320px-1000px之间字体大小是16px-......
原文:
通常,我们会要给有内容的容器写样式,但是如何给没有子元素或文字内容的元素设置样式呢?很简单,使用empty选择器
<p> </p><!-- N......
原文:
作者: Lucas Bebber
一段时间前,Chris写了篇文章,效果很酷,使用的技术也很巧妙,但是这种使用CSS滤镜的方法有几个缺点:不支持透明,不能添加内容,很难适用于黑白......
原文:
创建svg circle
我们从创建一个圆形开始
<svg viewBox="0 0 100 100" xmlns="http://www......
.demo .wrap {
display: flex;
height: 80px;
padding: 5px;
margin-bottom: 10px;
background: #fafcfd;
}......
移动端页面常用的一种滚动效果,一般是使用JavaScript,但是也可以使用CSS的scroll-snap来实现。
Scroll Snap
scroll-snap-type: none | [ x......
ESlint
可以给文件添加/* eslint-disable */,或者对某块代码禁用警告
/* eslint-disable */
alert(1);
/* eslint-enable */......