媒体查询 ：即在不同屏幕的客户端下，显示效果不同。因为考虑屏幕大小不同，对布局要求有不同； /*屏幕宽度大于800px*/ @media screen and (min-width: 800px){ .box{ width:200px; height: 300px; background-color ...
分类：
其他好文 时间：
2019-11-28 19:35:10
阅读次数：
101
容器的属性 column-width: auto | < length > 。给列定义一个最小宽度（min-width）。 auto: 列宽由其他元素决定。 length: 显式设置最小宽度。 column-count: auto | < integer >定义列的数量。 auto: 元素只有一列。 ...
分类：
其他好文 时间：
2019-11-16 21:27:05
阅读次数：
80
<div class="a"> 123 </div> @media(max-width:600px){ .a{ color:red; } } @media(min-width:300px) and (max-height:300px){ .a{ color:blue; } } 这样就可以实现响应式的 ...
分类：
Web程序 时间：
2019-11-11 21:27:56
阅读次数：
138
``` #toast{ position: fixed; top: 44%;left:50%;transform: translateX(-50%); min-width: 80px; max-width: 180px; min-height: 18px; padding: 10px; line-h... ...
分类：
Web程序 时间：
2019-10-22 15:33:32
阅读次数：
319
CSS设置页面最大最小宽度 兼容ie6/7/8/9，FF，chrome,sogou等浏览器 设置最小宽度 body { width:100%; min width:1000px; width:expression_r(document.body.clientWidth 1200 ? "1200px" ...
分类：
Web程序 时间：
2019-10-20 10:49:12
阅读次数：
118
左侧宽度固定，右侧自适应 右边内容超出的话，就会导致左边固定的宽度大小不起重要了，这时只需要加上min-width: 0;就可以了 至于为什么，愣是看不懂。。。。 ...
分类：
其他好文 时间：
2019-10-14 14:57:40
阅读次数：
173
1. 问题的引出 如果html5要适应各种分辨率的移动设备，应该使用rem这样的尺寸单位，同时给出了一段针对各个分辨率范围在html上设置font-size的代码： html{font-size:10px} @media screen and (min-width:321px) and (max-w ...
分类：
移动开发 时间：
2019-09-24 12:08:18
阅读次数：
195
最近在搞微信小程序，发现flex下使用省略号是没有效果的，而且还会打乱预期的结构，查询statckoverflow知道需要在父级设置min-width:0; 但是在我的尝试下，依然不行，原来在上层父级就是flex那一级别也需要设置 min-width:0; 就是可以理解为 省略号标签的flex-it ...
分类：
其他好文 时间：
2019-09-22 01:13:24
阅读次数：
108
祝大家中秋节快乐！回顾过去对自己影响最大的书，首先想到的是《高效能人士的七个习惯》。积极主动 Be proactive以始为终 Begin with the end in mind要事第一 Put first things first双赢思维 Think win-win知彼解己 Understand... ...
分类：
其他好文 时间：
2019-09-13 10:43:04
阅读次数：
99
一、静态布局（Static Layout）即传统Web设计，网页上的所有元素的尺寸一律使用px作为单位。1、布局特点：不管浏览器尺寸具体是多少，网页布局始终按照最初写代码时的布局来显示。常规的pc的网站都是静态（定宽度）布局的，也就是设置了min-width，这样的话，如果小于这个宽度就会出现滚动条 ...
分类：
其他好文 时间：
2019-09-04 19:18:22
阅读次数：
126
