随笔分类 - css
css
摘要：rem布局，参考：https://www.jianshu.com/p/86f46ad5b51d <!doctype html> <html> <head> <meta charset="utf-8"> <title></title> <meta name="viewport" content="wi
阅读全文
摘要：input:-webkit-autofill { -webkit-text-fill-color: #141313 !important; -webkit-box-shadow: 0 0 0px 1000px transparent inset !important; background-colo
阅读全文
摘要：BEM 命名规范 BEM 命名规范（了解更多）B(代表块)__E(代表元素)--M(代表修饰符) .stick-man__head { } .stick-man--blue { } .stick-man__head--small { } stick-man (B: Block) head (E: E
阅读全文
摘要：首先大家最关注的怎么使用，原理不原理是后面的事 比如设计稿量来的宽度是100px 那么我们布局的时候，就这么写{width:1.3333rem}，1.3333rem是由100/75算出来的，以此类推200px，就是{width: 2.6667} ，2.6667是由200/75计算得来 大家会很奇怪，
阅读全文
摘要：加上如下js，px转换成rem需要手动，计算方式：量的大小除以100，就等于rem，例如：量的设计稿元素宽度是120，那么就写成{width: 1.2rem}，这样写有什么问题，待研究，也欢迎补充
阅读全文
摘要：不同retina，显示高度不一样，很显然最细的线条最美
阅读全文
摘要：1.多行文本溢出隐藏 2.单行文本溢出隐藏 3.css reset
阅读全文
摘要：1.vw和vh 案例点这里 案例2点击这里 2.rem 案例点这里 3.设置meta标签，根据设计稿大小直接编码，让系统自动适配，这个适用于微信浏览器里面 案例点这里，打开后，看第三个
阅读全文
摘要：参考文档：https://blog.csdn.net/ld_____/article/details/48680159
阅读全文
摘要：1.rem布局案例 (demo） 2.淘宝flexible布局 (demo) 3.设置meta标签（demo）
阅读全文
摘要：链接：demo1 要点：采用三个固定定位 css代码： 链接：demo2 要点： 1.设置csshtml,body{height:100%} 2.滚动内容区域的父级设置css{height100%;overflow:hidden}, 3.滚动区域设置{height: calc(100% - 60px
阅读全文
摘要：如下方法如有不正确的地方，欢迎指正 前提： 设置稿750px 目标：40px = 1rem js设置方法：(小于等于750屏幕等比缩放) css设置方法（750，640，375，320等比缩放）： 思考：如果根据ui设计图，所有内容都随着屏幕变大而变大，字体会变得超级大，这是不可取的，事实上pc端常
阅读全文
摘要：如果想要一个table固定大小，里面的文字强制换行(尤其是在一长串英文文本，并且中间无空格分隔的情况下)，以达到使过长的文字不撑破表格的目的，一般是使用样式：table-layout:fixed。
阅读全文
摘要：安装步骤 cnpm install stylus --save-dev cnpm install stylus-loader --save-dev 写法如下： 参考文档：http://www.mamicode.com/info-detail-1863165.html stylus教程：http://
阅读全文
