1移动端布局 rem布局+媒体查询+弹性盒媒体查询； 匹配不同的设备宽度从而加载不同的css样式 注意地下的空格 不要删除，不然不出效果 @media only screen and (min-width:360px){ body{ background:yellow;} } @media scre ...
分类：
移动开发 时间：
2019-08-13 00:38:27
阅读次数：
165
//设置常用的body html{ font-size: 50px; } @no:15; @media screen and (min-width:320px) { html{ font-size: 320px/@no; } } @media screen and (min-width:360px)... ...
分类：
移动开发 时间：
2019-08-10 17:30:20
阅读次数：
198
body{ max-width: 540px; min-width: 320px; margin: 0 auto; font: normal 14px/1.5 tahoma; color: #000; /* background-color: #f2f2f2; */ overflow-x:hidde... ...
分类：
Web程序 时间：
2019-08-08 12:52:42
阅读次数：
164
一. @media 格式 @media all and (min-width:xxx) and (max-width:xxx) (亦可以写成@media all and (min-width:xxx) and (max-width:xxx)) {/*这段查询的all是针对所有设备(有些设备不一定是屏 ...
分类：
其他好文 时间：
2019-06-29 19:31:19
阅读次数：
114
原因通常就是你的元素浮动了，最好设置个最小宽度min-width:具体宽度值 px;，如果你需要自适应，用media查询 有些地方不写死的话可以用min-width和max-width来限制一下。不然你父容器用百分比设置宽度，而子元素用固定的px设置宽度，当你父容器缩小到一定程度的时候肯定容不下固定 ...
分类：
Web程序 时间：
2019-06-03 14:19:22
阅读次数：
181
1，全部都是占满行。 2，使用百分比定义宽度，width:100%; 或者max-width:1200px; min-width:800px; 3，块级元素添加margin:0 auto; 左右自适应宽度居中。 4， height=line-height; text-align:center; 块级 ...
分类：
其他好文 时间：
2019-04-06 14:24:01
阅读次数：
134
前言：在一些不复杂的页面，只需要在pc端显示，就不需要一些大框架写，但是可以借鉴bootstrap的方法。 1，首先对设备进行媒体查询 解析： @media only screen and (min-width:xxx) and (max-width:xxx) 与 @media screen and ...
分类：
其他好文 时间：
2019-03-26 22:30:47
阅读次数：
180
```
home { margin: 0 auto; width: 80%; min-width: 950px; background-color: #fff; padding: 30px; margin-top: 20px; margin-bottom: 50px; box-shadow: 0 2... ...
分类：
其他好文 时间：
2019-03-13 21:37:56
阅读次数：
193
{# 通过css添加min-width，通过eval对字符串或表达式进行运算，通过map遍历标签，通过return获得要遍历的内容【固定关键字】，#}{# 通过get()获得类数组，通过join进行元素链接。 这个语句：可对标签类进行遍历累加统计，也可对单个ID标签进行统计。#}<!--该JS功能， ...
分类：
其他好文 时间：
2019-03-04 14:17:15
阅读次数：
198
1、正常情况下： width :给块级元素/行内块 元素设置固定的宽度，或者固定百分比的宽度。 min-width: 当盒子内部元素宽度小于 min-width的值时，盒子宽度为 min-width的值，当盒子内容宽度大于 min-width的值时，盒子随着内容的增加而被撑大，没有上上限，但是 盒子 ...
分类：
其他好文 时间：
2019-03-04 11:22:15
阅读次数：
160
