一个普通的自适应显示的三栏网页，当用不同的终端来查看这个页面时，会根据几种线端来显示不同的样式。在电脑上是三列，在iPad上也应该是三列，在大屏手机上是三行，在屏幕小于320px的手机上只显示主要内容，隐藏了次要元素。
我们知道，在不同的设备中，浏览器的窗尺寸可能是不同的。如果只针对某种窗口尺寸来制作网页，在其他设备中呈现该网页时就会产生很多问题:如果针对不同的窗口尺寸制作不同的网页，则要制作的网页就会太多。为了解决这个问题，在CSS3中加入了MedisQueries模块(媒体查询)，它是制作响应式布局的-个利器，使用这个工具我们可以非常方便、快捷地设计出各种丰富的、实用性强的界面。在MediaQueries模块中允许添加媒体查询表达式，用以指定媒体类型，然后根据媒体类型选择应该使用的样式。换句话说，允许在不改变内容的情况下，在样式中选择一一种页面的布局以精确地适应不同的设备，从而改善用户体验。网页制作者只需要针对不同的浏览器窗口尺寸来编写不同的样式，然后让浏览器根据不同的窗口尺寸来选择使用不同的样式即可。
到目前为止，MediaQueries模块得到了Firefox、SafariChrome及Opera浏览器的支持。移动终端上一-般都是对CSS3支持比较好的高级浏览器，不需要考虑响应式布局的媒体查询兼容问题。IE8及以下版本浏览器不支持媒体查询，虽然也有很多种解决方案，几乎都是通过下载JavaScript插件来实现，但没有必要去解决这个问题，因为小屏幕显示都是在移动端使用，IE低版本只要按正常PC端页面显示页面布局即可。
在开发中只要拖动浏览器就可以触发判新条件，测试的时候不需要去找一堆手机，只要把自己的浏览器窗口缩小到定尺寸就可以了。另外，还有一个不错的在线Web工具
(开源的，直接从hp:gi//conioloieiponisvaer下载)，里面提Responsivator真了根不同尺寸的屏幕的展示发果，只需要提供个UR，出可以看到网站在不同服幕中的显示效果。网站式企业做网站
关于西部数码
成都西维数码科技有限公司成立于2002年，注册资本1000万元，总部坐落于“天府之国”——成都，旗下品牌西部数码 （www.west.cn） ，深耕IDC行业十多年，已拥有北京、广东、郑州、成都、绵阳、香港等中国多个云计算IDC安全数据中心和美国等海外数据中心。我们先后自主研发的虚拟主机、弹性云服务器、西数企业云邮箱等产品都广受用户欢迎。我们始终坚持用户体验至上的价值导向，深入挖掘用户需求，目前，有超过一百万用户通过我们注册并管理了超过一千万个域名，累计有超过50万网站在我们的自主研发的云主机平台上运行，服务的用户有：宝贝回家寻子网、四川大学、链家网（北京）科技有限公司、四川省互联网协会、沱牌集团、谭木匠、中铁二局、四川省中国青年旅行社、富森美家居网上商城等
我们始终坚持“以人为本，客户为尊，永续创新”的核心价值观，抢抓各种发展机遇，不断创新发展理念，不断转变发展方式，不断破解发展难题，随着企业的发展，我们经营的业务也不断发展为以云计算为基础的云主机业务、域名注册、域名交易等其他相关业务，公司从最初只有几个员工发展到如今拥有近二百人的精英团队，并在中国IDC、云计算行业中占有一席之地，位列国内三强。成为拥有多项自主知识产权的国家高新技术企业，ICANN和CNNIC双认证的国际顶级域名注册服务机构，首批获得国家工信部颁发的全国云服务牌照企业之一。
