高度自适应第一种情况 1.高度不去设置，或者高度设置auto 内容撑开父元素的高度。2.内容撑开父元素的高度 -> 最小高度的设置 min-height3.浮动元素添加高度自适应 -> 添加浮动元素的父元素没有高度，会出现高度塌陷 解决高度塌陷的方法 (1)给出现高度塌陷的元素添加：overflow ...
分类：
其他好文 时间：
2020-04-21 13:05:46
阅读次数：
46
用object-fit和object-position来处理图片 MDN：object-fit MDN：object-position 半深入理解CSS3 object-position/object-fit属性 用百分比设置图片宽高 方式一：width：100% height：100% div { ...
分类：
其他好文 时间：
2020-04-20 13:32:16
阅读次数：
88
博客参考：https://blog.csdn.net/ethan_guo/article/details/81809054 1. 粒子滤波和蒙特卡洛 蒙特卡洛：是一种思想或方法。举例：一个矩形里面有个不规则形状，怎么计算不规则形状的面积？不好算。但我们可以近似。拿一堆豆子，均匀的撒在矩形上，然后统计 ...
分类：
其他好文 时间：
2020-04-20 11:50:15
阅读次数：
195
vue-cli创建完项目之后安装amfe-flexible和postcss-pxtorem npm i amfe-flexible -S npm i postcss-pxtorem -D amfe-flexible来根据屏幕动态改变根元素font-size，postcss-pxtorem把代码中px ...
分类：
移动开发 时间：
2020-04-19 22:12:06
阅读次数：
756
过载保护+异构服务器的负载均衡，怎么设计？ 负载均衡是指，将请求/数据分摊到多个操作单元上执行，关键在于均衡。然而，后端的服务器有可能硬件条件不同，能否根据异构服务器的处理能力来动态、自适应进行负载均衡，以及过载保护呢? 作者：58沈剑|2018-12-14 08:52 收藏 分享 负载均衡是指，将 ...
分类：
其他好文 时间：
2020-04-18 14:04:29
阅读次数：
51
img { width: 100%; height: 300px; object-fit: cover; object-position: top center; } ...
分类：
Web程序 时间：
2020-04-18 13:49:49
阅读次数：
53
css的变化 标准的css基本都是支持的。 选择器有2个变化：*选择器不支持；元素选择器里没有body，改为了page。微信小程序即是如此。 复制代码page{ } 单位方面，px无法动态适应不同宽度的屏幕，rem只能用于h5。如果想使用根据屏幕宽度自适应的单位，推荐使用rpx，全端支持。 尺寸单位 ...
分类：
微信 时间：
2020-04-17 20:14:50
阅读次数：
283
尺寸单位 uni-app 支持的通用 css 单位包括 px、rpx px 即屏幕像素 rpx 即响应式px，一种根据屏幕宽度自适应的动态单位。以750宽的屏幕为基准，750rpx恰好为屏幕宽度。屏幕变宽，rpx 实际显示效果会等比放大。 vue页面支持普通H5单位，但在nvue里不支持： rem ...
分类：
微信 时间：
2020-04-17 20:00:14
阅读次数：
386
官方文档中 mode="widthFix" 宽度不变，高度自动变化，保持原图宽高比不变，即设置图片宽度而高度自适应。 但是在实际开发中发现图片在初始加载时瞬间竖向拉伸变形闪烁然后恢复正常宽高，也许是高度没设置的原因。 所以把图片设置 height: auto 即可解决问题 ...
分类：
微信 时间：
2020-04-17 12:36:36
阅读次数：
186
rem.js配置：（width 为750 转换750px == 7.5rem） // 自适应rem (function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? ...
分类：
移动开发 时间：
2020-04-16 13:26:56
阅读次数：
78
