自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(4)
  • 收藏
  • 关注

原创 CSS布局:上中下布局,上下不定高定两端,中间撑开且超出滚动。

页面上中下布局,头部底部固定在一屏内的上和下,中间部分自适应撑满。上下部分的高度不确定。类似普通手机app应用的交互。中间撑开的部分需要超出滚动。这个看似常规且通用的布局方式。在头部底部高度不确定这个条件下,很容易忽略中间撑满且滚动的实现方案。1、三行布局中间自适应高度,选择flex布局。的方案,保证撑开高度的同时不挤掉footer。2、中间撑开超出滚动,利用。html 代码块如下。

2024-03-08 01:13:26 376

原创 element select 下拉菜单 定位出错解决方案

框架:Vue+Element问题:当点击select,弹出popper后,再滚动外层容器区域,popper的scroll监听会不停的变动popper的位置。这是正常现象。但是,由于我们的DOM结构嵌套太多,布局太复杂。出现了一个特别的现象:popper没有正常的跟随select的位置变化定位。如果发生这种情况,比较好处理的是直接可以加一下select 的 popper-append-to-body 属性 并设置为false值(whether to append the popper menu t

2021-10-19 19:13:01 5643 2

原创 卡片布局自适应方案全解析

上设计稿采用卡片模式,设计师给出的完美设计稿是显示一行5个卡片,收起左侧菜单与否都展示5个但是有点经验的前端就知道这个需求没设计师给的这么简单(虽说后面改的时候也针对于自适应的方案纠结了一天的工期????)看到这个需求首先我们第一想到的肯定是自适应的王者:flex1.卡片自适应 —— flexDom<div class="card-wrap"> <div class="card-context card-add">+</div> <

2021-03-26 20:31:59 6707 2

原创 Logitech pro wireless GPW狗屁王 适配苹果电脑 Mac

人本人995程序员 + 不定期up主 + 女 + 手长(令人羡慕的18cm)机Mac Book Pro务工作机 + 剪视频 + P图 + Numbers/Keynotes - 游戏(不玩游戏!!!)故事长期伏案的猿子们都清楚颈椎病是导致一个健康的猿变为亚健康的第一先驱所以电脑必须有电脑支架支起来支架就得有外接键盘Mac提供给我们丰富的灵魂手势就需要我们去够触控板我好累,不想够了。这时候勤俭节约的猿子们说,手势设置快捷键,用点脑子记住然后敲键盘(就那么啪啪啪的敲)确实,混沌的我

2021-03-24 17:24:06 11210 2

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除