本文来自我的前端博客,原文地址:http://www.hacke2.cn/about-responsive/ 跨终端时代的到来 当你乘坐各种交通工具(公交.地铁.轻轨.火车)时你会发现,人们都个个低下头在玩自己的手机.平板.Kindle,没错,你正在处于一个多终端设备的时代!手机用户连年上升,前几天我们在感叹以前玩沙包.陀螺,现在小孩的娱乐就是玩手机–.另外,微软的Xbox和任天堂的Wii等游戏设备也有自己的浏览器.设备真的来了.. 现在网站主流跨终端的有以下方式: 单域 比如前端乱炖和我的个人…

HTML5与CSS3已经当仁不让的成为了这两年Web界最火爆的词,他们似乎在HTML4和CSS2统治了Web很多年之后的某一天突然爆发,然 后一直占据着所有Web开发者的视野.HTML5本身就是一个很大很宽泛的词,在严格的意义上,HTML5代表最新版本的HTML语义标准,而完全放开来 看,HTML5代表了Open Web所包含的所有技术,HTML全新的语义,CSS3样式单和JavaScript脚本所组合而成的开放的Web世界. 任何事情都有两面性,HTML5的宽泛含义开拓了Web开发的视野,增加…

HTML5的宽泛含义开拓了Web开发的视野,增加了开发方案的多样性,同时也带给很多Web开发者不小的困惑,就是HTML5在涉及到Web某个应用领 域的开发时,到底代表了什么?本篇文章的目的就在于跟大伙分享HTML5,CSS3在移动Web应用开发上的概念和特点,这个概念就是 “Responsive Web Design - 响应式Web设计". 创作的Web内容时,前端交互开发者经常使用浏览器来运行测试.下面几种主流浏览器的尺寸检测预览插件可以很好的帮助我们: • Internet Explore…

参考 1. 响应式web设计之CSS3 Media Queries http://www.cnblogs.com/mofish/archive/2012/05/23/2515218.html 2. 用于响应式设计的9个CSS技巧 http://www.csdn.net/article/2013-04-02/2814743-9-Valuable-CSS-Tricks-for-Responsive-Design 3. HTML5.CSS3与响应式Web设计入门 http://www.html5cn.…

开始研究响应式web设计,CSS3 Media Queries是入门. Media Queries,其作用就是允许添加表达式用以确定媒体的环境情况,以此来应用不同的样式表.换句话说,其允许我们在不改变内容的情况下,改变页面的布局以精确适应不同的设备. 那么,Media Queries是如何工作的? 两种方式,一种是直接在link中判断设备的尺寸,然后引用不同的css文件: <link rel="stylesheet" type="text/css" href=…

[01]   (魔芋:已看完.) [01]<响应式Web设计:HTML5和CSS3实战>(全).pdf 共246页.   2013年1月出版.   读后感:适合入门的书籍,对于响应式布局,用了一个例子来讲解.后半部分讲了一些CSS3的新属性.阴影,transform,transition等.     [英]ben frain 著 王永强 译    …

什么是响应式web设计 现在开发一个产品,基本上都会需要兼顾 PC端和 移动端. 一般有两种思路: 1.为每个终端做一个特定的版本,并给2级域名,根据终端环境调用不同的版本代码. 2.一个网站能够兼容多个终端 而响应式设计  就属于  让一个网站能够兼容多个终端. 响应式Web设计(Responsive Web design)的理念是:集中创建页面的图片排版大小,可以智能地根据用户行为以及使用的设备环境(系统平台.屏幕尺寸.屏幕定向等)进行相对应的布局. 也就是自适应,就是可以自动识别屏幕宽度.…

响 应式Web设计对于解决多类型屏幕问题来说是个不错方案,但从印刷的角度来看,其却存在着很多的困难.没有固定的页面尺寸.没有毫米或英寸,没有任何物理 限制,让人感到无从下手.随着建立网站可用的各种小工具越来越多,像素设计局限于桌面和移动端也已经成为历史.因此,现在就让我们来说明一下如何运用响应 式Web设计的各项基本原则来实现,而不是抗拒流畅的网页体验.为了简单起见,我们将着重讲布局. 源码:http://www.jinhusns.com/Products/Download/?type=xcj…

一旦你决定要搭建一个网站就应该已经制定了设计标准.你认为下一步该做什么呢?测试!我使用“测试”这个词来检测你网站对不同屏幕和浏览器尺寸的响应情况.测试在响应式网页设计的过程中是很重要的一步.如果你明白我所说的那你需要让你的网站在任何类型的设备上都可以正常显示. 在当今世界,技术进步和工具所带来的用户不仅仅局限在使用网络的笔记本电脑或台式机上.这得益于电信公司提供的火光一般的数据速度.这使得设计人员要确保网站能够在各种设备上良好工作. 幸运的是,这不是一个大问题.现在已经有许多不错的在线免费响应式…

"不是我不明白,这世界变化快."崔健的这首歌使用在互联网领域最合适不过.只短短数年的功夫,互联网的浪潮还没过去,移动互联网的时代已经来临.人们已经习惯将越来越多的时间花在各种移动设备上.各大互联网公司先知先觉,在移动互联网领域杀的不可开交,甚至很多传统行业公司也在积极寻求自身领域与移动互联网的结合点. 终端设备种类繁多,要给所有用户群带来一致的用户体验实属不易.在这种背景下,响应式设计应运而生.响应式Web设计的理念是,页面的设计与开发应当根据用户行为及设备环境进行相应的响应和调整.响…