Responsive Nav：用于小屏幕设备的响应式导航

　　Responsive Nav 是一个很小的. JavaScript 插件，压缩后只有 1.7 KB，可以帮助您实现小屏幕导航切换功能. CSS3 过渡提供最佳性能，它还包含一个“聪明”的解决方法，借助 CSS3 transitions 特性使高度从height: 0 过渡到 height: auto.

随着3G的普及，越来越多的人使用手机上网. 移动设备正超过桌面设备，成为访问互联网的最常见终端. 于是，网页设计师不得不面对一个难题：如何才能在不同大小的设备上呈现同样的网页. 手机的屏幕比较小，宽度通常在600像素以下；PC的屏幕宽度，一般都在1000像素以上（目前主流宽度是1366×768），有的还达到了2000像素.

本文地址： http://www.zhangxinxu.com/wordpress/?p=2204. 响应图片技术可以说是 响应布局衍生出来的一个小分支. 说白了，就是不同显示器宽度下调用不同的图片. 这玩意，最近在国外讨论很火，有几种不同的实现方法，但都并不复杂. 二、Cookie + Server实现.

昨天在 Happy Designer 5 上，有聊起了做 Responsive Web Design (特別是 mobile 版)的一些狀況. 在這裡我提供一些自己的經驗和技巧：. Mobile First：如果你要做 Desktop / Mobile 雙版本的網站. 先設計 Mobile 版的，而且要從最小的尺寸開始做.

  随着不同分辨率的移动设备出现，网页需要在不同分辨率的设备下给用户提供更加舒适的体验，随之就出现了响应式布局的概念.   响应式布局是Ethan Marcotte提出来的，说白了就是一个网站能兼容不同分辨率的设备，而无需为每一个分辨率的终端各写一个网页.   其主要用到的技术是CSS3中的Media Query以及为了兼容古董浏览器而生的各种插件.

响应式网页设计是时下网页设计领域最热门的话题之一，该概念由著名网页设计师 Ethan Marcotte 在2010年5月份提出，其目标是要让设计的网站能够响应用户的行为，根据不同终端设备自动调整尺寸. 今天这篇文章向大家推荐20个优秀的响应式布局网页设计案例，相信这些优秀的网站作品能够帮助你学习响应式网站设计.

上一篇我们介绍了 Responsive Web Design之后，这次要来详细介绍CSS3 Media Queries了. 在上一篇中，我们提到 Responsive Web Desig n的实作方式有大半都是利用CSS3 Media Queries来达成. 而顾名思义Media Queries 就是要在支援CSS3 的浏览器中才能正常工作，IE8 以下不支援.

模式是广泛适用的解决一般问题的解决方案. 在开发应用程序过程中，无论是面对抽象还是实际问题，模式都大有用处. 而标准屏幕模式对于优秀的Web程序甚至企业级软件都很有帮助. 摘要/细节（Master/Detail）. 摘要/细节模式可横向也可竖向. 该模式是满足用户既停留在一个页面又可浏览多个条目需求的典范.

                mButton.setText("截屏次数:"+mPrintNum);.         //1.构建Bitmap   .         //2.获取屏幕   .         //3.保存Bitmap    .             //文件   .                 Toast.makeText(this, "截屏文件已保存至SDCard/PrintScreenDemo/ScreenImage/下", Toast.LENGTH_LONG).show();   .

      Android手机屏幕大小不一，有480x320，640x360，800x480.怎样才能让App自动适应不同的屏幕呢. 其实很简单，只需要在res目录下创建不同的layout文件夹，比如：layout-640x360，layout-800x480，所有的layout文件在编译之后都会写入R.java里，而系统会根据屏幕的大小自己选择合适的layout进行使用.