如果你已经有一个相应式网站,那么如何测试在手机下的效果呢,用手机直接打开测试当然可以,当时让你要测试比较多款的手机,那么这个方法显然是行不通的。以是我们须要理解相应式的事理,才采取一些有效的方法来测试。相应式网站会相应的最新核心技能事理是,通过css3多媒体查询技能(css3 media query)来定义不同宽度下的样式。例如
以是它的实际事理是根据设备的宽度来呈现不同的样式,在pc上,我们只须要大略的拖动浏览器窗口的大小就可以看到相应式的变革。在实际相应式开拓中,我们用的工具是firebug,或者chrome插件,如果非开拓者,目前也有一些用于测试的在线网站例如 Responsivetest ( http://responsivetest.net/ ) 或者跨屏测 (http://www.kuapingce.com/)等,可以方便你来测试,而它们的实现事理也均是采取掌握浏览器宽度这个事理实现的。