响应式布局结合了三大理念： 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. /*@media Rule*/ @media all and (max-width : 1024px){...} 2. /*@imput Rule*/ @imput url(styles.css) all and (max-width : 1024px){...} 3. <link rel = ...
分类：
其他好文 时间：
2016-12-20 23:35:36
阅读次数：
291
媒体查询；响应式 1是什么：自适应 核心：当屏幕改变到一定大小，网页中的默写模块发生改变 2bootstrap，对媒体查询的封装 写法：写在css @media screen and (max-width: 400px){ 有设备类型 screen 网页 手机 平板 print 打印机 all 所有 ...
分类：
其他好文 时间：
2016-12-14 21:53:47
阅读次数：
213
网站pc跳转移动端代码分享 alternate canonical 标签 <link rel="alternate" media="only screen and(max-width: 640px)" href="http://m.mixian88.com/" ><link rel="canonic ...
分类：
移动开发 时间：
2016-11-25 12:04:42
阅读次数：
1849
本节内容： 没有布局 display属性 margin:auto; max-width 盒模型 没有布局 如果想把所有内容都塞进一栏里，那么不用设置任何布局也是可以的。然而，如果用户把浏览器窗口调整的很大，这时阅读网页会非常不适：读完每一行之后，你的视觉焦点要从右向左一大段距离。 display属性 ...
分类：
Web程序 时间：
2016-11-21 22:49:01
阅读次数：
314
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
.fil-container { width: 100%; max-width: 75rem; margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px;} .fil-wrap { width: 10 ...
分类：
Web程序 时间：
2016-11-03 19:02:28
阅读次数：
259
移动流体布局和响应式布局总结 宽度与高度 区块宽度一般用max-width 最大宽度和百分比，来定义宽度，因为要实现自动缩放 高度如果要自适应，就不需要定义高度，或者定义最小高度 注意：横向的尽量用百分比，如边距等 图片自适应 保证小于图片分辨率的手机，自适应等宽屏幕 图片一定要能够自适应等比例缩放 ...
分类：
移动开发 时间：
2016-10-30 16:39:39
阅读次数：
268
1.media控制布局 <link type="text/css" rel="stylesheet" href="css04.css" media="only screen and (max-width:640px)"> <style> @media screen and (max-width:60 ...
分类：
Web程序 时间：
2016-10-26 19:38:37
阅读次数：
202
