js)，一个.htaccess文件，以及一些范例资源文件！大致的原理是，rwd-images!js会检测当前设备的屏幕分辨率，如果是大屏幕设备，则向页面head部分中添加BASE标记，并将后续的图片、脚本和样式表加载请求定向到一个虚拟路径"/rwd-router"!当这些请求到达服务器端，！htacces文件会决定这些请求所需要的是原始图片还是小尺寸的"响应式图片"，并进行相应的反馈输出！对于小屏幕的移动设备，原始尺寸的大图片永远不会被用到。

　　FoundationFoundation是一个易用、强大而且灵活的框架，用于构建基于任何设备上的Web应用!提供多种Web上的UI组件，如表单、按钮、标签等!SemanticUI是Web的灵魂！Semantic是为工程师而制作的可复用的开源前端框架!提供各种UI组件，使得开发更加直观、易于理解.52Framework52Framework主要用于优化HTML5和CSS3的跨浏览器兼容性的框架，可在所有主流浏览器上运行。

多端合一网站建设好看

　　开创尚品是山东开创集团自主研发的响应式模板式定制网站，相对于其他模板网站可更改内容更多，文案上传更便捷，可定制化功能，7X24小时客服，可视化后台管理，多站点合一，网络浏览速度更快.响应式网站设计(ResponsiveWebdesign)的理念是：页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整！具体的实践方式由多方面组成，包括弹性网格和布局、图片、CSSmediaquery的使用等。

　　测试主流表格因素和浏览器如今客户不仅仅使用iPhone和笔记本，而且使用iMac的27英寸显示器，10英寸的Kindle和很多平板设备.这些设备可能会使用不同的浏览器，并且每种表格因素和浏览器的组合都可能导致不同的页面渲染！并且这些行为可能在每个版本上都不太一样！好消息是浏览器是免费的。如果你使用Windows平台，可以很容易地安装主流浏览器—InternetExplorer、Chrome、Firefox—然后可以使用免费工具，比如Browsershots，或者付费工具，比如CrossBrowserTesting，来检查网页在Safari上的外观.

　　无论用户正在使用笔记本还是iPad，我们的页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等，以适应不同设备；换句话说，页面应该有能力去自动响应用户的设备环境。响应式网页设计就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本！这样，我们就可以不必为不断到来的新设备做专门的版本设计和开发了!我们通过响应式的设计和开发思路让页面更加"弹性"了.图片的尺寸可以被自动调整，页面布局再不会被破坏.