宽高自适应 宽度自适应 高度自适应 最小高度的自适应 高度塌陷 高度塌陷的解决方法 visibility:hidden 伪对象选择符 ...
分类：
其他好文 时间：
2020-04-08 10:15:41
阅读次数：
96
1、宽度自适应： 默认宽度为100% width:80%; 2、高度自适应： （1）自适应元素高度：height:auto;或者不设置;（是子元素撑开父元素的高度，让内容撑起来） （2）元素高度自适应窗口高度： 设置方法：html,body{width:100%; height:100%;} 注：如 ...
分类：
其他好文 时间：
2020-03-09 18:24:42
阅读次数：
54
目录： 1.立方体2.动画3.设置动画的一些属性4.案例：无缝滚动5.web字体6.弹性布局7.多列布局8.弹性布局9.案例：伸缩盒子的flex属性的应用案例（菜单个数不限）10.伸缩盒子的align-items属性 设置侧轴对齐方式11.案例：伸缩盒子，宽高自适应 1、立方体 *transform ...
分类：
Web程序 时间：
2020-02-24 10:00:12
阅读次数：
71
Float是我们在页面布局中常用的，也是非常重要的一个属性，可以让页面布局变得更加灵活。 但是在继续学习之后，尤其是掌握了宽高自适应之后，我们常常会发现一个奇怪的现象：如果父元素没有设置高度，而子元素都浮动了的话，父元素就“瘪”了。 就像下面这样 <html> <head> <meta charse ...
分类：
其他好文 时间：
2020-02-23 14:48:45
阅读次数：
54
PC端宽高自适应： 宽度设置：不设置宽度或设置width：100%；（显示状态：块状元素跟随父元素宽度变化） 高度设置：1 - 不设置高度或设置height：auto；（显示状态：高度被内容撑开。弊端：内容较少时网页高度偏小） 2 - 设置最小高度：min-height：；（显示状态：当内容超出最小 ...
分类：
其他好文 时间：
2020-02-22 13:51:12
阅读次数：
63
双飞翼布局，就是两端固定宽高，中间自适应的三栏布局 先来张图，左边和右边的灰色块是固定宽高的，中间绿色的区域是宽高自适应 方式一：通过flex弹性布局来实现 看代码 //HTML结构，div2是中间的自适应区域 ... <body> <div class="wrap"> <div class="di ...
分类：
Web程序 时间：
2020-01-20 14:45:21
阅读次数：
89
css <style type="text/css" media="screen"> .box{ width: 80%; height: 500px; margin: 0 auto; } .left{ width: 20%; height: 500px; float: left; border: 1 ...
分类：
Web程序 时间：
2019-09-19 09:12:52
阅读次数：
126
一、css宽高自适应： 1.宽度自适应： 元素宽度设为100%（块状元素的默认宽度为100%） 注：应用在通栏效果中 2.高度自适应： height:auto;或者不设置高度 3.最小，最大高度，最小，最大宽度： a)最小高度 min-height:value; IE6不识别min-height属性 ...
分类：
Web程序 时间：
2019-05-11 21:38:08
阅读次数：
335
let kScreenWidth = UIScreen.main.bounds.width let kScreenHeight = UIScreen.main.bounds.height public func FitWidth(_ width: CGFloat) -> CGFloat { retu... ...
分类：
编程语言 时间：
2018-08-16 13:37:47
阅读次数：
383
