09 2019 档案

摘要:1.什么是 BFC机制 BFC(Block Formatting Context),块级格式化上下文,是一个独立的渲染区域,让处于 BFC 内部的元素与外部的元素相互隔离,使内外元素的定位不会相互影响。 触发条件 (以下任意一条) float的值不为none overflow的值不为visible 阅读全文
posted @ 2019-09-18 20:30 朵拉.科波菲尔 阅读(312) 评论(0) 推荐(0)
摘要:先来看下效果图: 三张不同宽高比的图片需要在不同宽度的屏幕中都展示成正方形,而且截取图片的最中间部分展示。 实现代码如下: 图片作为div的背景,响应式正方形实现:div的宽度用百分比表示,高度的用padding-top属性,值和width保持一致;不同尺寸图片居中显示:background-pos 阅读全文
posted @ 2019-09-07 14:57 朵拉.科波菲尔 阅读(670) 评论(0) 推荐(0)
摘要:https://www.cnblogs.com/wcwnina/p/8728391.html 阅读全文
posted @ 2019-09-05 11:56 朵拉.科波菲尔 阅读(102) 评论(0) 推荐(0)
摘要:解决方案:滚动下h5的body; 阅读全文
posted @ 2019-09-05 11:53 朵拉.科波菲尔 阅读(682) 评论(0) 推荐(0)
摘要:需求:定制高度随输入内容变化的输入框;没有内容时单行高度36px,内容少于4行时随输入内容的增加或者减少变换输入框的高度,大于4行后高度不变,内容上下滚动; 难点:没有内容时的高度和内容文字减少时行高变小; 交互: 解决方案:hostInput作为高度随输入内容变化的输入框,新建一个shadowbo 阅读全文
posted @ 2019-09-05 11:42 朵拉.科波菲尔 阅读(408) 评论(0) 推荐(0)