![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css3
Marktubbu
你对所学东西理解深度,决定了你所站的高度
展开
-
移动端适配-(postcss-pxtorem)
基于vue+vant的移动端适配(rem)1.下载lib-flexible --savenpm i lib-flexible --save2.在main.js中引入lib-flexiblemain.jsimport 'lib-flexible/flexible'3.设置meta标签<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-s原创 2023-11-21 13:39:06 · 238 阅读 · 0 评论 -
CSS3 box-shadow 效果大全(内阴影,外阴影,三边阴影,双边阴影,单边阴影,细线描边…)
CSS3 box-shadow 属性用来描述一个元素的一个或多个阴影效果,该属性几乎可以让你完成你想要的任何阴影效果。然而 box-shadow 属性语法和取值非常灵活,对于新手有点不容易理解。今天总结一下语法和 box-shadow 属性各种阴影效果。语法CSS 代码:/* offset-x | offset-y | color */ box-shadow: 60px -16px teal; /* offset-x | offset-y | blur-radius...原创 2020-07-25 11:01:44 · 538 阅读 · 0 评论 -
-webkit-line-clamp兼容IE及火狐
.words{ font-size: 14px; color: #4A4A4A; overflow: hidden; line-height: 26px; position: relative; height: 45px;}.words:after { content: '...'; text-align: right; position: absolute...原创 2019-05-16 11:32:20 · 2144 阅读 · 0 评论 -
神器 淘宝弹性布局方案lib-flexible实践
2个月前,写过一篇文章《从网易与淘宝的font-size思考前端设计稿与工作流》总结过一些移动web中有关手机适配的一些思路,当时也是因为工作的关系分析了下网易跟淘宝的移动页面,最后才有那篇文章的总结,可惜的是因为项目的关系,这两个月来几乎没有机会做移动类项目的工作,所以那些理论一直没有得到真正的实践。这次因为公司有一个app需要做一个推广的下载页面,虽然简单,但也值得一试那篇文章里提到的适配方法...转载 2019-07-19 16:57:28 · 237 阅读 · 0 评论