注意：无论是什么布局，最外面都需要加个版心，这样不会导致整个布局超过可视区域，形成横向滚动条。 1.流式布局 (百分比布局) 宽度使用百分比，高度使用px 2.伸缩布局 (弹性布局) flex 2.1 作用：使得我们对块级元素的布局排列变得十分灵活，适应性非常强，其强大的伸缩性，在响应式开中可以发挥 ...
分类：
移动开发 时间：
2020-05-24 14:07:21
阅读次数：
108
一、复习了伸缩布局 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="CSS/base.css"> <link rel="s ...
分类：
Web程序 时间：
2020-05-06 01:04:29
阅读次数：
65
# 1.flex布局体验 # ## 1.1 传统布局和flex布局## 传统布局 - 兼容性好 - 布局繁琐 - 局限性，不能在移动端很好的布局 flex布局 - 操作方便，移动端广泛 - PC端浏览器支持情况较差 - IE11或更低版本，不支持或仅部分支持 ## 1.2 布局原理 ## flex ...
分类：
移动开发 时间：
2020-05-05 17:50:07
阅读次数：
98
伸缩布局 传统布局和伸缩布局 布局的传统解决方案，基于 盒装模型 ，依赖 dispaly 属性+ position 属性+ flot 属性 对于特殊布局非常不便 CSS3在布局方面做了非常大的改进 使得我们对块级元素的布局排列变得十分灵活，适宜性非常强 其强大的伸缩性，在响应式开发中发挥极大的作用 ...
分类：
Web程序 时间：
2020-03-15 22:25:57
阅读次数：
138
传统布局与flex布局 传统布局 ：兼容性好；布局繁琐；局限性，不能在移动端很好的布局。 flex 弹性布局 ：操作方便，布局极为简单，移动端应用很广泛；PC 端浏览器支持情况较差；IE 11或更低版本，不支持或仅部分支持。 布局原理 flex 是flexible Box 的缩写，意为"弹性布局"， ...
分类：
移动开发 时间：
2020-03-09 23:50:24
阅读次数：
91
一、伸缩布局盒模型(弹性盒模型) css3引入一种新的布局模式——flexbox布局，即伸缩布局盒模型，用来提供一个更有效的方式制定、调整和分布一个容器里的子项目布局，即使他们的大小是未知或者动态的。 主要思想是让容器有能力让其子项目能够改变其宽度、高度（甚至顺序），以最佳的方式填充可用空间（主要是 ...
分类：
移动开发 时间：
2020-02-29 22:37:15
阅读次数：
94
原文:CSS3(5)---伸缩布局(Flex) CSS3(5)---伸缩布局 有关页面布局之前写过三篇相关文章： 1、CSS(5)---盒子模型 2、CSS(6)---浮动(float) 3、CSS(8)---定位(position) 一、什么是Flex 布局 1、Flex 布局特点 上面三种布局都... ...
分类：
Web程序 时间：
2020-01-12 10:02:00
阅读次数：
91
伸缩布局 参考链接：https://developer.mozilla.org/zh CN/docs/Web/CSS/flex 以前在网页开发过程中，布局一直是不可或缺的，从最早的表格布局，到后来的DIV+CSS布局，现在再到CSS3的伸缩布局。 CSS3在布局方面做了非常大的改进，使得我们对块级元 ...
分类：
其他好文 时间：
2019-12-15 14:39:06
阅读次数：
72
基于Kubernetes的多维度的弹性伸缩目录：2.1传统弹性伸缩的困境1、kubernetes中弹性伸缩存在的问题2、弹性伸缩概念的延伸2.2kubernetes弹性伸缩布局2.3Node自动扩容/缩容1、ClusterAutoScaler2、Ansible扩容Node2.4pod自动扩容/缩容（HPA）1、HPA基本原理2、HPA的演进历程2.5基于CPU指标缩放1、kubernetesAPI
分类：
Web程序 时间：
2019-12-06 21:28:27
阅读次数：
118
1. 伸缩布局应用: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> section { width: 80%; height: 200px; border: ...
分类：
Web程序 时间：
2019-11-26 19:24:33
阅读次数：
115
