流式布局（百分比布局）： 流式布局，也就是百分比布局，也称非固定像素布局 通过盒子的宽度设置成百分比来根据屏幕的宽度来进行伸缩，不受固定像素的限制，内容向两侧填充 流式布局方式是移动web开发使用的比较常见的布局方式 max-width 最大宽度（max-height 最大高度） min-width ...
分类：
移动开发 时间：
2020-05-17 17:47:06
阅读次数：
81
第一步：先写好重置的样式。直接复制粘贴即可 @media all and (max-width: 320px){ html{ font-size: 12px; } } @media all and (min-width: 321px) and (max-width: 375px){ html{ fo ...
分类：
移动开发 时间：
2020-05-14 10:41:54
阅读次数：
90
这是之前项目的rem基本设置，这样，在vscode中安装cssrem插件后，改成1rem=15px，其他的屏幕也将得到相应适配。 @media (min-width: 240px) and (max-width:320px) { html { font-size:12.8px!important } ...
分类：
移动开发 时间：
2020-05-11 13:19:01
阅读次数：
269
媒体查询 什么是媒体查询？ 指查询媒体的类型和媒体的屏幕宽度 //类型大概有三种screen、print、speech @media screen and (min-width:300px) { /*选择打印机与屏幕阅读器之外的所有设备，并且最小宽度 >= 300px 才会生效。*/ color:r ...
分类：
其他好文 时间：
2020-04-15 13:53:16
阅读次数：
91
动态表格时，双层表头，内容出现白板 原因是width写死了，就是不要写死，用min-width或者不写自动分配 ...
分类：
其他好文 时间：
2020-03-30 13:14:04
阅读次数：
82
广告淘宝适配js文件下载地址 https://github.com/amfe/lib-flexible 开始 移动首页案例制作 弹性盒布局 body{ 的初始化样式 min-width:320px; max-width:540px; margin:0 auto; color:#000; backgr ...
分类：
移动开发 时间：
2020-03-21 21:56:45
阅读次数：
119
宽度自适应： 默认宽度100%的元素 width:;单位为% 最小宽度自适应： min-width:; 最大宽度自适应： max-width:; 高度自适应： 不写height,让内容撑起 height:50%; 前提==>html,body{height:100%;} 最小高度自适应： min-h ...
分类：
其他好文 时间：
2020-03-09 17:30:37
阅读次数：
56
媒体查询，语法如下，示例：当屏幕大于600小于900时样式生效： @media screen and (min-width:600px) and (max-width:900px) { body { background-color: red; } } 文本和字体： @font-face{ font ...
分类：
其他好文 时间：
2020-03-07 00:04:46
阅读次数：
64
; 03-03CSS属性继承： 不可继承的：display、margin、border、padding、background、height、min-height、max- height、 min-width、max-width、overflow 所有元素可继承：visibility和cursor。 ...
分类：
其他好文 时间：
2020-03-04 12:55:19
阅读次数：
58
white-space:nowrap; 控制容器内的文本，不允许换行。 min-width：最小宽度 当内容宽度小于最小宽度时，容器的宽度等于最小宽度。 当内容宽度大于最小宽度时，容器的宽度等于内容宽度。 max-width：最大宽度 当内容宽度小于最大宽度时，容器的宽度等于内容宽度。 当内容宽度大 ...
分类：
Web程序 时间：
2020-02-22 16:16:14
阅读次数：
125
