随笔分类 -  css

上一页 1 2
移动web端使用rem实现自适应原理
摘要：1.先获取到物理像素和实际像素的像素比 2.viewport视口设置为像素比大小 3.根据屏幕宽度动态设置html的字体大小 4.在less或者sass中设置变量$rem或者@rem，然后将单位换成/@rem或/$rem就可以了。 5.@rem: 15rem 的大小是根据设计图来决定的。这里我使用的 阅读全文
posted @ 2017-02-28 13:55 无情码字员 阅读(1420) 评论(0) 推荐(0)
微信小程序中 input组件影响页面样式的问题
摘要：input组件有个默认的宽高，好像是不能清除的，在使用flex布局的时候，发现会影响到页面的布局，以为是flex布局的问题，改为float布局试了下也是同样的问题，试着把input标签换成别的标签，问题消失，发现是input组件的问题， 将除了input组件外的组件使用绝对定位就可以让他不被Inpu 阅读全文
posted @ 2017-02-18 16:30 无情码字员 阅读(10192) 评论(0) 推荐(0)
:nth-child :nth-type-of用法详解
摘要：ele:nth-of-type(n) 是指父元素下ele元素里的第n个ele:nth-child(n) 是指父元素下第n个元素且这个元素为ele 阅读全文
posted @ 2017-02-15 12:07 无情码字员 阅读(288) 评论(0) 推荐(0)
在做展开功能的时候，字体变多了，字体会变大的bug的解决方案
摘要：在没有限制高度的情况下字体会变大，要做展开效果，当然不能限制高度。 解决方案是，加个max-height就可以解决这个问题 阅读全文
posted @ 2017-01-22 11:05 无情码字员 阅读(249) 评论(0) 推荐(0)
单行文本省略号与多行文本省略号的实现
摘要：单行文本省略号 多行文本省略号 在多行文本省略号时，如果添加了padding，line-hight就必须为字体大小的整数倍，否则底部会出现显示不完全的字体。 阅读全文
posted @ 2017-01-20 15:03 无情码字员 阅读(219) 评论(0) 推荐(0)
表格td标签在不添加多余标签的情况下实现文本内容单行显示，多余部分省略号表示的方法
摘要：#table { table-layout: fixed; } .content { white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; } 阅读全文
posted @ 2017-01-10 09:55 无情码字员 阅读(656) 评论(0) 推荐(0)

上一页 1 2