css
youngjqz
这个作者很懒,什么都没留下…
展开
-
使用 rem 布局 实现H5页面自适应
第一步建立 resetSize.jsfunction setHtmlFontsize() { const htmlwidth = document.documentElement.clientWidth || document.body.clientWidth; const html = document.getElementsByTagName("html")[0]; html.style.fontSize = htmlwidth / 37.5 + 'px';}setHtmlFonts原创 2020-11-06 19:03:36 · 376 阅读 · 0 评论 -
css实现滚动吸顶之 粘性定位
css实现滚动吸顶之 粘性定位以前做滚动吸顶都是使用 position: fixed; ,通过监听页面的滚动距离或者是吸顶元素距离top顶部的距离做计算判断是否需求吸顶,这样做影响页面性能,代码量也增多了,最近逛知乎发现一个 position 还有一个好用的 属性值用来做吸顶动效;那就是 sticky ;查了一个资料,属于新增属性值,sticky 比较有意思的就是 当给元素设置里sticky ,在屏幕的范围内,该元素不受定位的影响,当该元素的位置将要移出偏移的范围时,该元素的会变成 fixed 定位,根据原创 2020-08-12 17:10:57 · 1363 阅读 · 0 评论 -
文字前面出现空格
文字前面想要有空格的办法 1.给包含文字的元素添加padding 2.给文字添加缩进:text-indent:30px原创 2018-04-18 14:22:59 · 1759 阅读 · 0 评论 -
css样式中关于透明度的设置
今天在写dialog对话框组件时,给外面 的父元素设置了透明度,但是影响到内部的子元素,查了资料找到了原因以及解决办法; 设置父元素opacity:0.4,子元素不设置opacity,子元素会受到父元素opacity的影响,也会有0.4的透明度。即使设置子元素opacity:1,子元素的opacity:1也是在父元素的opacity:0.4的基础上设置的,因此子元素的opacity还是0.4。...原创 2018-04-18 15:01:38 · 1928 阅读 · 0 评论