总结一下响应式设计的核心CSS技术Media(媒体查询器)的用法。 http://www.360doc.com/content/14/0704/06/10734150_391862769.shtml 准备工作1：设置Meta标签 首先我们在使用Media的时候需要先设置下面这段代码，来兼容移动设备的 ...
分类：
Web程序 时间：
2016-05-24 19:09:02
阅读次数：
2150
你必须像水那样无形：当你把水倒进杯子中，水就变成了杯子的形状；当你把水倒进瓶子中，水就变成了瓶子的形状；当你把水倒进茶壶中，水就变成了茶壶的形状。 — 李小龙
之前读《响应式Web设计实践》，这大概是我印象最深的一句话了。李小龙的功夫了得，可他的功夫哲学更是令人叹服。如今的前端，面临着更多的挑战，尺寸大小不一的设备涌现出来，就像形状各异的容器，而我们的网页必须像水一般， 能够接受各式各样的考验。...
分类：
其他好文 时间：
2016-05-18 18:35:56
阅读次数：
301
bootstrap为我们内置了栅格系统布局，通过它，我们可以非常快速的在不同宽度的屏幕下进行自适应布局。 【grid栅格系统】http://v3.bootcss.com/css/#grid 【响应式工具】http://v3.bootcss.com/css/#responsive-utilities ...
分类：
其他好文 时间：
2016-05-13 18:47:17
阅读次数：
151
学习响应式设计笔记 laiqun@msn.cnContents1.?问题背景？2.?什么是响应式设计和自适应设计有什么不同？3.?如何创建响应式网站4.?经典设计流程5.?响应式网站的参照设计1.?问题背景？为不同分辨率的设备提供不同的网页，曾经的手机端与PC端分别维护一份代码，显得罗嗦，维护难，功... ...
分类：
其他好文 时间：
2016-05-10 18:22:46
阅读次数：
250
价值万元的微信教程下 目录 价值万元的微信教程下 1 一、响应式设计 2 1、未来网页的发展趋势 2 2、早期的解决方案 2 3、解决之道 2 4、自适应网页设计 3 二、响应式案例 5 1、思路 5 2、响应式设计核心代码 5 1）让我们的网页去适应屏幕 5 2）改变网页的宽度 6 3）媒体查询 ... ...
分类：
微信 时间：
2016-05-07 23:47:26
阅读次数：
494
媒体查询可以让我们根据设备显示的特性为其设定CSS样式。可以在不改变页面内容的情况下，为特定的一些输出设变指定显示效果。 一、媒体查询语法 1、<link>标签：通过link标签的media属性为样式表指定设备类型，例如： 以下代码表示媒体类型是显示屏，媒体特性为显示屏纵向放置，此时才引入cssy样 ...
分类：
其他好文 时间：
2016-05-05 22:25:44
阅读次数：
293
一、响应式设计的定义 将三种已有的开发技巧（弹性网格布局、弹性图片、媒体和媒体查询）整合起来，命名为响应式网页设计。真正的响应式设计方法不仅仅只是根据视口大小改变网页布局。相反，它是要从整体上颠覆我们当前 设计网页的方法。以往我们先是针对桌面电脑进行固定宽度设计，然后将其缩小并针对小屏幕进行内容重排 ...
分类：
Web程序 时间：
2016-05-05 12:50:15
阅读次数：
124
最近研究响应式设计框架的时候，发现网上很多相关的属性介绍，却很少有系统的入门级使用的文章，我自己整理了一篇入门知识，并没有什么高深的理论，也不牵扯到框架。 目前已经越来越多的站点以及wap站点使用响应式设计，因为大屏幕的移动设备越来越普及。而自适应布局已经无法胜任各种浏览需求。响应式设计的目的是尽可 ...
分类：
其他好文 时间：
2016-05-01 16:14:11
阅读次数：
188
在去年的这个时候写过关于bootstrap的相关文章（见：bootstrap2学习1：基本CSS样式），然后就搁置了，原因是因为当时对bootstrap的了解不深，并且当时v2版本对响应式设计的不是非常好。如今，bootstrap的v3版本很早就出来了，现在又拿出来老调重弹一次。 这次学习boots ...
分类：
其他好文 时间：
2016-04-28 14:17:20
阅读次数：
199
用法及meta标签的使用及IE最新 随着响应式设计模型的诞生，Web网站又要发生翻天腹地的改革浪潮，可能有些人会觉得在国内IE6用户居高不下的情况下，这些新的技术还不会广泛的蔓延下去，那你就错了，如今淘宝，凡客，携程等等公司都已经在大胆的尝试了这项技术，并完美的应用在了自己的网站上了。再不更新知识你 ...
分类：
Web程序 时间：
2016-04-27 20:31:27
阅读次数：
174
