一、静态布局（static layout） 即传统Web设计，网页上的所有元素的尺寸一律使用px作为单位。 1、布局特点 不管浏览器尺寸具体是多少，网页布局始终按照最初写代码时的布局来显示。常规的pc的网站都是静态（定宽度）布局的，也就是设置了min-width，这样的话，如果小于这个宽度就会出现滚 ...
分类：
其他好文 时间：
2017-07-10 20:14:27
阅读次数：
815
恢复内容开始 今天总结一下flexbox的用法 它用于受极端的响应式布局，前面涉及的css和html知识不再多说，meta标签一定记住！<meta name="viewport",content="width=device-width,initial-scale=1,minimum-scale=1, ...
分类：
移动开发 时间：
2017-07-08 12:26:33
阅读次数：
349
1、在meta标签中添加viewport 2、 不使用绝对宽度（px），使用相对宽度（%） 3、 不使用绝对文字大小（px），使用相对文字大小（em,rem） em相对于父元素字体尺寸比例，rem相对于根元素（html元素）字体尺寸的比例，比如各浏览器默认根元素字体大小为16px，0.75rem就相 ...
分类：
其他好文 时间：
2017-07-06 20:32:13
阅读次数：
211
官方解释：font size of the root element 就是根据跟元素来设置字体的大小，这里的根元素指的是<html></html> rem作为度量单位，无疑是写响应式布局的最好单位，但是不兼容IE6~8，不过IE6~8我们可以用px来设置啊，哈哈 ofcurse，rem不仅仅可以设置 ...
分类：
其他好文 时间：
2017-07-06 10:04:24
阅读次数：
134
<header> <div id="pagewrap"> <header id="header"> <hgroup> <h1 id="site-logo">Demo</h1> <h2 id="site-description">Site Description</h2> </hgroup> <nav ...
分类：
其他好文 时间：
2017-07-02 23:18:37
阅读次数：
207
Bootstrap 需要为页面内容和栅格系统包裹一个 .container 容器。我们提供了两个作此用处的类。注意，由于 padding 等属性的原因，这两种 容器类不能互相嵌套。 .container 类用于固定宽度并支持响应式布局的容器。 Copy .container-fluid 类用于 10 ...
分类：
其他好文 时间：
2017-07-02 15:16:17
阅读次数：
148
前面的话 图像在网页制作中也是常要用到的元素，本文将详细介绍Bootstrap图像 响应式图片 通过为图片添加 .img-responsive 类可以让图片支持响应式布局。其实质是为图片设置了 max-width: 100%;、 height: auto; 和 display: block; 属性， ...
分类：
其他好文 时间：
2017-07-01 11:04:38
阅读次数：
187
响应式布局简明示例，响应式布局最好同时也是自适应布局，然后再配合css3媒体查询，来达到完美的响应式布局。css3的媒体查询ie9一下是不支持的，这太遗憾了，不过幸运的是有大神已经为前端屌丝们写好了用于IE9以下的媒体查询脚本文件，引用方式如下：<!--[if lt IE 9]> <script s ...
分类：
其他好文 时间：
2017-06-29 10:02:29
阅读次数：
124
bootstarp 前端框架 响应式布局 1.引入jquery的js文件 2.引入boostrap的js文件 3.引入bootstrap的css文件 4.设置视口(支持移动设备优先) <meta name="viewport" content="width=device-width, initial ...
分类：
其他好文 时间：
2017-06-27 20:49:15
阅读次数：
126
布局实现 采用何种方式实现布局设计，也有不同的方式，这里基于页面的实现单位而言，分为四种类型：固定布局、可切换的固定布局、弹性布局、混合布局。 ...
分类：
其他好文 时间：
2017-06-27 08:12:45
阅读次数：
177
