使用了bootstrap网格系统的好处是很容易便实现了响应式布局，盒子可以根据设置的样式，随着屏幕的大小改变而自动改变宽度，但是也存在一个问题，那就是盒子的高度是由盒子的内容决定的，如果盒子里的内容不一样，会导致盒子的高度不一致，这样会使界面不太美观，并且可能会影响后面的盒子。可能的界面如下： 然而 ...
分类：
其他好文 时间：
2017-08-19 14:18:16
阅读次数：
145
转载于：http://blog.csdn.net/soindy/article/details/52387451 H5学习路线图 前端入门: 页面布局与重构, HTML CSS 移动前端开发: 响应式布局, HTML5 CSS Web交互开发: JavaScript, jQuery Ajax 前端高 ...
分类：
其他好文 时间：
2017-08-19 00:41:39
阅读次数：
237
初识Bootstrap Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。 两种引用方式： 方式1：Bootstrap 专门构建了免费的 CDN 加速服务，访问速度更快、加速效果更明显、没有速度和带宽限制、永久免费 <!DOCTYP ...
分类：
其他好文 时间：
2017-08-18 22:21:17
阅读次数：
298
本章主要是对移动端的一些知识点的运用，模仿腾讯看比赛的移动端做的。具体代码如下 index.html public.less index.less index.js ...
分类：
移动开发 时间：
2017-08-17 12:55:06
阅读次数：
235
响应式布局与弹性布局 一.响应式布局 1.响应式布局的概念 响应式布局是Ethan Marcotte在2010年5月份提出的一个概念，简而言之，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。 响应式布局可以为不同终端的用户提供更加舒适的界面 ...
分类：
其他好文 时间：
2017-08-14 00:32:28
阅读次数：
926
1、media 效果为屏幕宽度变化时，背景颜色也变化 2. 弹性图片 样式如下面的code .img 和 img ...
分类：
Web程序 时间：
2017-08-13 22:12:08
阅读次数：
152
响应式布局的引入方法（即，使用媒体查询的三种方式） 1、直接在CSS中使用 2、使用link链接CSS，media属性可以设置媒体查询方式 （常用） eg. <link rel="stylesheet" type="text/css" href="css/02-响应式布局.css" media="a ...
分类：
其他好文 时间：
2017-08-13 20:06:25
阅读次数：
124
响应式图片 给img的宽度 设置为100% 使用background-image 配合padding-top 使用 `<picture>` 标签。 * 使用 pricturefill.js 插件 <link rel="stylesheet" href="./grid.css"> stylesheet ...
分类：
其他好文 时间：
2017-08-13 16:54:18
阅读次数：
126
最近想买需要开发微站，微信公众号内嵌入的移动web，总结方法可以使用css3直接使用百分比布局，也可以使用bootstrap做响应式布局等多种方法，个人感觉看项目需要，笔者使用rem.js进行移动前端布局，感觉容易接触，挺好用，下面简单介绍一下相关知识。 先上效果图： 实例下载地址：http://w ...
分类：
移动开发 时间：
2017-08-10 19:23:52
阅读次数：
192
当设计稿为640px时候，在320px的屏幕下页面的显示效果就为1rem=20px；通过动态改变页面，页面的每个元素都能通过根节点的fontsize来计算元素的大小。 ...
分类：
Web程序 时间：
2017-08-09 10:10:23
阅读次数：
260
