Boostrap简介 Bootstrap，来自 Twitter，是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，用于开发响应式布局、移动设备优先的WEB的项目。 下载安装 Bootstrap 安装是非常容易的。本章将讲解如何下载并安装 B ...
分类：
其他好文 时间：
2017-09-09 00:46:37
阅读次数：
199
1、自适应布局和响应式布局的区别 自适应布局适用于对网页浏览观看的要求不是很高，适用于大多用pc端浏览的用户， 响应式布局使得网页在不同的设备看到不同的效果，它是按照百分比来进行定位的 响应式布局的要点 兼容性问题处理文章：https://ke.qq.com/course/134996#term_i ...
分类：
Web程序 时间：
2017-09-08 23:54:04
阅读次数：
236
响应式布局：随着浏览器宽度不同，显示内容也做相应调整。 自适应：不会随着浏览器宽度变化出现滚动条，等比例缩放页面。 常用做响应式布局和自适应框架：www.purecss.org 常用动画效果：animate.css 兼容性问题处理文章：https://ke.qq.com/course/134996# ...
分类：
Web程序 时间：
2017-09-07 21:23:07
阅读次数：
135
响应式布局的开发基础知识 本章主要分为以下几个部分 正确理解响应式设计 响应式设计的步骤 响应式设计需要注意的问题 响应式网页布局实现原理 第一：正确理解响应式布局 响应式网页设计就是一个网站能够兼容多个终端-而不是为每个终端做一个特定的版本。打个比方来说：现在社会有很多响应产品，例如折叠沙发，折叠 ...
分类：
其他好文 时间：
2017-09-06 21:26:25
阅读次数：
218
三栏响应式布局 — — 左右两栏宽度固定，中间一栏根据父元素宽度填充满，最外面的框应理解为浏览器 ...
分类：
Web程序 时间：
2017-09-05 19:17:19
阅读次数：
256
/*媒介查询*/ @media screen and (min-width: 1000px){ /*当屏幕大小最大为多少时屏幕的颜色，and后面要加空格*/ li{ width: 200px; height: 200px; outline: 1px solid black; text-align: ...
分类：
其他好文 时间：
2017-09-03 14:08:53
阅读次数：
138
respond.js插件实现原理 接下来，需要理解respond.js的实现思路： 第一步，将head中所有外部引入的CSS文件路径取出来存储到一个数组当中； 第二步，遍历数组，并一个个发送AJAX请求； 第三步，AJAX回调后，分析response中的media query的min-width和m ...
分类：
Web程序 时间：
2017-08-31 16:07:04
阅读次数：
211
最近几年随着响应式布局的发展，一次开发多次使用，自适应屏幕的响应式网站的需求越来越多。但是怎样使得网站能自适应屏幕呢？这里就需要提到一个css3里面新增的技术了-media媒体查询器。 那么什么是media媒体查询器呢？ Media媒体查询器是CSS3新增的一个可以检测打开网站的终端的屏幕分辨率的技 ...
分类：
Web程序 时间：
2017-08-31 12:54:03
阅读次数：
260
Bootstrap作为支持响应式布局的一个前端插件，确实发挥着重要的作用，无论你是在手机，平板还是ＰＣ上浏览网页，都能达到不错的效果，这一切一切，都是bootstrap带给我们的！ 今天主要说下页面的布局，这是最基础的东西了，当我们设计一个站点时，应该为它设计一个全局性的统一的规范页面，这种页面我们 ...
分类：
其他好文 时间：
2017-08-20 19:47:10
阅读次数：
184
