会员
周边
新闻
博问
闪存
众包
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
鹿俊俊
博客园
首页
新随笔
联系
订阅
管理
2025年7月4日
PC端兼容手持端方案
摘要: 1、高度不要用百分比和vh,使用计算高度的方式,在index.html入口 <style> :root { --app-height: 100%; } html, body { margin: 0; height: 100vh; /* 基础高度 */ height: var(--app-height
阅读全文
posted @ 2025-07-04 10:00 鹿俊俊
阅读(10)
评论(0)
推荐(0)
2024年11月26日
element元素自带scrollIntoView方法
摘要: scrollIntoView 方法用于滚动指定元素的父容器或者当前窗口,使指定的元素对用户可见。 可以满足业务场景,需要滚动到指定区域的需求。 element.scrollIntoView(options):其中 options 参数可选,默认值为{block: "start", inline: "
阅读全文
posted @ 2024-11-26 10:22 鹿俊俊
阅读(306)
评论(0)
推荐(0)
2024年7月29日
vscode要切换分支,但是代码不想提交如何做
摘要: git stash 将代码暂存 切换分支操作完成后,再切换回来时,git stash apply
阅读全文
posted @ 2024-07-29 16:35 鹿俊俊
阅读(129)
评论(0)
推荐(0)
2023年5月31日
遍历树结构,比对id值,返回对应name
摘要: 1 filterType(id, tree) { 2 function filterOurType(id,tree){ 3 for(let l of tree){ 4 if(id l.id){ 5 return l.name; 6 }else{ 7 if(l.children&&l.children
阅读全文
posted @ 2023-05-31 09:36 鹿俊俊
阅读(54)
评论(0)
推荐(0)
2020年4月30日
IE强制换行,数字强制换行;iframe高度无效
摘要: 1.今天在制作页面数据的时候,发现除IE浏览器,其他浏览器当文字的时候是自动换行的,但是当数字过多的时候无法自动换行。所以需要加上 word-break: break-all; 可以让数字也强制换行。 这里提到IE浏览器是因为,IE浏览器就很顽固,即使加上这条修饰,它也无法换行。因为我是用的tabl
阅读全文
posted @ 2020-04-30 16:12 鹿俊俊
阅读(346)
评论(0)
推荐(0)
2020年1月15日
rem、px、em实践中用法
摘要: 1.CSS中单位非常多,px、rem、%应该是用的最多的,em要慎用,最近还看到vw、vh。 在实践过程中,使用rem,一定要记得结合html元素,设置font-size; html{ font-size:12px; } 如果你不写,你会发现在谷歌和IE浏览器下,你的布局大部分都乱了。因为谷歌默认的
阅读全文
posted @ 2020-01-15 16:49 鹿俊俊
阅读(244)
评论(0)
推荐(0)
2020年1月10日
web前端布局——父级高度崩塌
摘要: 父级没有设置高度的情况下产生的父级高度崩塌:使用浮动会产生此结构。 解决方法:1.父级写样式 overflow:hidden; 2.伪类:after :after{ content:"", clear:both, display:'block' }
阅读全文
posted @ 2020-01-10 10:02 鹿俊俊
阅读(213)
评论(0)
推荐(0)
2020年1月8日
CSS颜色值(不全,但是搭配的很好)
摘要: http://www.zhangxinxu.com/study/201008/css3-color-names.php 现在写网页最烦的就是颜色的搭配了,然后在Stephen666的博客园看到这个网站,我本来以为就是很普通的颜色值,但是我发现他写的顺序搭配的挺很好看。仔细瞧会发现这是147的有英文命
阅读全文
posted @ 2020-01-08 14:30 鹿俊俊
阅读(521)
评论(0)
推荐(0)
2019年12月31日
Web前端制作炫酷特效和动态icon
摘要: 1.box-shadow属性除了常用于阴影效果、卡片等基础使用外,还可以用于实现比较炫酷的特效; 类似这样的想过都是可以通过box-shadow属性制作的;资料来源于CSDN:很小白的小白 附上他的代码, <!DOCTYPE html> <html lang="en"> <head> <meta c
阅读全文
posted @ 2019-12-31 18:09 鹿俊俊
阅读(2654)
评论(0)
推荐(0)
公告