css
LeungZhenPang
这个作者很懒,什么都没留下…
展开
-
CSS / JS 实现粘性头部(滚动到一定位置后固定)
要实现的效果: 当页面滚动到一定位置时,.nav position的值变为 fixedcss 实现.nav { position: sticky; top: 0px;} 粘性定位可以被认为是相对定位和固定定位的混合。元素在跨越特定阈值前为相对定位,之后为固定定位。 在 viewport 视口滚动到元素 top 距离小于 0px 之前,元素为相对定位。之后,元素将...原创 2020-05-08 16:45:28 · 11504 阅读 · 1 评论 -
vue-cli 中使用 postcss-px-to-viewport 插件实现移动端自适应
简介 github介绍 如果你的样式需要做根据视口大小来调整宽度,这个脚本可以将你CSS中的px单位转化为vw,1vw等于1/100视口宽度。 开发时,我们只需关注设计稿的视图宽度对我们的项目进行排版。使用安装使用 npm 安装npm install postcss-px-to-viewport --save-dev在 vue.config.js 中配置参数modul...原创 2020-05-08 14:51:00 · 3023 阅读 · 0 评论 -
CSS中 字体大小随屏幕大小自适应变化
1、通过媒体查询的方式@media (min-width:0px){ html{font-size:12px;}}@media (min-width: 320px){ html{font-size:12px;}}@media (min-width: 340px){ html{font-size:13px;}}@media (min-width: 360px){...原创 2020-03-02 15:21:50 · 20772 阅读 · 0 评论 -
分享常用的样式重置css
/* reset.css */body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */dl, dt, dd, ul, ol, li, /* list elements 列表元素 */pre, /* text formatting elements 文本格式元素 */fieldset, le...原创 2020-03-02 14:10:27 · 312 阅读 · 0 评论 -
CSS3 Flex 布局教程
阮一峰教程原创 2020-02-28 09:40:37 · 130 阅读 · 0 评论 -
CSS中关于文本溢出部分用省略号显示
在日常排版中我们经常会为了不影响排版布局而将溢出容器的文本用省略号代替。单行文本处理单行处理比较简单,只需要加入三个css属性就行。html<p>这是一行貌似很长很长的测试文本</p>cssp{color: #666;width: 100px;background: #ff0;} /*容器必须有明确的宽度*/p{ overflow: hidden; ...原创 2019-07-12 11:13:03 · 335 阅读 · 0 评论