![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css3
草莓不爱吃白菜
这个作者很懒,什么都没留下…
展开
-
不同类型的设备对font-weight的支持情况
安卓系统:ios系统:可以看出:对于汉字 => 安卓和ios的区分是一样的,只有normal和bold。但是注意一点,ios的加粗是从600往后开始算的,安卓的是从700开始算的。所以我们日常要是给文字加粗,正常就是写font-weight:bold/700;对于字母和数字 => 安卓是有对于不同数值的粗细区分的,但是ios没有,跟汉字一样只有normal和bold。另外,lighter只针对安卓有效果,相当于是100/200的粗细效果。normal统一都是400,bold是700原创 2021-01-06 16:41:55 · 1796 阅读 · 1 评论 -
移动端dpr解析
移动端中drp是devicePixelRatio的简称,表示的是css样式中1px在当前设备上所占的物理像素个数,苹果6一般作为设计中的基准,一般drp都等于2,也就是我们说的二倍屏PC端中在桌面浏览器中css的1个像素往往都是对应着电脑屏幕的1个物理像素,也就是drp=1其实对于我们用户来说,drp越大,手机的分辨率越高,我们的用户体验越好。这也就是比如我们设置边框为0.5px时,在...原创 2019-10-16 17:06:22 · 2360 阅读 · 0 评论 -
flex弹性盒子布局中,关于flex-grow布局问题设置
先粘贴上一段代码,flex总体布局 第一个 第二个 第三个 css样式*{ margin:0; padding: 0; } .one{ background: #f00; } .two{ background: #0f0; height: 30px; }原创 2018-01-31 13:37:11 · 4152 阅读 · 0 评论 -
css中的direction实现文本排版布局次序颠倒️
css中的这个direction平时我还是很少用的,直到出现了这种情况……原创 2019-08-22 20:09:05 · 440 阅读 · 0 评论 -
vue项目打包后,css兼容性样式前缀消失解决方案~
用vue-cli构建的项目脚手架已经帮你把autoprefixer的配置做好了,自己不需要做什么改动就会自动加前缀:但是本小仙女在开发过程中,发现一个问题,OMG# ~~~~~ #项目打包前后的样式怎么会不一样???譬如:这个css3中设置背景渐变的属性吧,打包后在谷歌浏览器里面竟然不兼容。打开控制台一看,咦?属性前缀肿么没有了???网络上面找解决方法,看下面????我们可以分析对比下bui...原创 2019-09-11 16:54:55 · 1816 阅读 · 0 评论