代码示例：@media only screen and (min-width: 320px){ html { font-size: 8px !important; } .mulu-zi{ position: absolute; top: 18px !important; left: 18%; col ...
分类：
Web程序 时间：
2017-01-09 19:57:50
阅读次数：
222
怎样实现响应式布局？ 对于这个问题，我们可以通过CSS3中的Media Query来实现，即媒介查询。媒体查询让CSS可以更精确作用于不同的媒体类型和同一媒体的不同条件。媒体查询的大部分媒体特性都接受min和max用于表达"大于或等于"和"小与或等于"。如：width会有min-width和max- ...
分类：
Web程序 时间：
2017-01-01 08:45:23
阅读次数：
232
不可继承的：display、margin、border、padding、background、height、min-height、max- height、width、min-width、max-width、overflow、position、left、right、top、 bottom、z-inde ...
分类：
Web程序 时间：
2016-12-30 21:44:40
阅读次数：
345
响应式布局结合了三大理念： 1）用于布局的弹性网络（百分比定义宽度） 2）用于图片和视频的弹性媒体 3）媒体查询 在布局中，需要注意的点有： 1）尽量用min-width/max-width,max-height/min-height代替width,height 2)尽量使用百分比，em为单位代替精 ...
分类：
Web程序 时间：
2016-12-29 23:14:26
阅读次数：
233
1.最小宽度 min-width:1003px; _width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1003?"1003px":""); 2.最小高度 min-height:700p ...
分类：
其他好文 时间：
2016-12-28 20:02:32
阅读次数：
155
Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。 bootstrap通过媒体查询解决不同分辨率屏幕下，页面主内容的宽度问题： @media (min-width: 1200px){.container:widt ...
分类：
其他好文 时间：
2016-12-23 22:25:23
阅读次数：
350
bootstrap container和container-fluid的区别 原始链接 container 根据显示设备满足的最小宽度，来决定实际内容宽度，是一个根据设置内容阶梯式响应的布局。 例子： @media (min-width: 568px) { .container { width: 5 ...
分类：
Web程序 时间：
2016-12-12 22:49:16
阅读次数：
222
/*****home和头部开始**************************/#home { margin: 0 auto; width: 90%;/*原始65*/ min-width: 980px;/*页面顶部的宽度*/ background-color: rgba(245, 245, 24 ...
分类：
移动开发 时间：
2016-11-29 23:06:06
阅读次数：
204
1：理解View ：<meta name="viewport" content="width=device-width,initial-scale=1.0"> 2. 自适应宽度：width:100%,max-width:640px,min-width:320px 3. 单位：我们可以用px也可以re ...
分类：
移动开发 时间：
2016-11-15 16:24:28
阅读次数：
427
CSS继承 不可继承的：display、margin、border、padding、background、height、min-height、max-height、width、min-width、max-width、overflow、position、left、right、top、bottom、z- ...
分类：
其他好文 时间：
2016-11-13 16:55:15
阅读次数：
141
