摘要
响应式Web设计在网站兼容多种设备显示和提高用户体验上提供了一种可行的解决方案。通过对响应式Web设计的方法及关键技术的研究,在基于HTML5和CSS3技术上采用小屏幕优先、内容确定断点、基于内容优先创建响应式导航和基于视口宽度变化的响应式图片相结合的设计思路与方法,并将方法运用在高职的招生信息网站上。实践证明,所采用的方法创建的网站在移动设备上具有良好地呈现,能够改善用户在移动端浏览网站的体验。
Responsive Web Design provides a viable solution for Compatible with multiple device display and improving user experience on site. Through the research on the method and key technology of Responsive Web Design, This technique, which based on the technology of HTML5 and CSS3, has been adopted some of the design ideas and methods such as the small screen priority, content determination of breakpoint, create the responsive navigation based on the preferred content and responsive images with the depending on the width of the viewport and so on, can be applied to the vocational colleges enrollment information website. Practice has proved that the website created by this method performs well on mobile devices and the user experience on mobile web browsing have shown some improvement.
出处
《软件》
2018年第1期169-172,共4页
Software
作者简介
郭彦辉（1982-）,男,硕士,信息系统项目管理师,主要研究方向：数字媒体技术.
