随着4G网络的普及和移动终端技术的发展,各式网络接入终端设备层出不穷。由于移动端设备与生俱来的便携性和网络接入的方便性,使其一经推出便得到了人们的广泛关注,正逐渐超越PC端桌面设备,成为互联网访问的主要终端。由于当前许多互联网网站都是专门为PC端开发的,通过移动端访问时展示效果往往很差,已经不能满足人们的日常使用,而单独为移动端设计页面,成本又较高。于是,如何设计一套能在不同尺寸终端设备上都得到较好呈现的网站,成为网页设计师们亟待解决的问题。本文以近些年得到广泛关注的响应式网页设计为基础,借助SSH整合网页设计框架和Bootstrap前端技术,探讨不同屏幕尺寸和操作系统下的前端动态自适应页面框架。本文的主要内容和工作概况如下:(1)阐述了基于接口的软件自适应体系架构研究分析现有Web应用程序开发技术,结合接口类思想,提出了基于SSH整合框架的软件前端动态自适应的总体框架;阐述了表示层、业务逻辑层、数据持久层中的软件架构;并给出了基于接口的三框架相融合的工作机理。(2)给出了基于Web技术的软件前端自适应页面设计方法通过对Bootstrap前端框架的研究分析,优化页面分区方案,确定页面布局样式和布局响应方案,并依据自适应页面设计思想,优化断点设置方案和页面图片处理技术,提高页面在不同尺寸终端的展示效果;结合实际开发经验,给出自适应页面设计规则。(3)给出了软件前端自适应性能优化方法从页面前端设计和服务器框架设计两个方面提出了框架的优化方案。引入Modernizr浏览器特征检测技术,提高自适应页面的兼容性。优化传统的CSS媒介查询方案,提出JS+CSS的媒介查询方案,提高自适应页面的加载速率;改进表示层代码组织方式,提高代码易读性和代码复用率;提出服务器端按组响应方案,提高页面在移动端的加载速率。最终通过在惠普PC端、联想笔记本、戴尔平板电脑、Ipad平板电脑、三星手机、苹果手机端测试,验证了软件前端动态自适应框架的实用性和可靠性。