| 面向不同设备的响应式网页设计探析 |
| |
| 引用本文： | 密海英.面向不同设备的响应式网页设计探析[J].苏州市职业大学学报,2013(2):34-37. |
| |
| 作者姓名： | 密海英 |
| |
| 作者单位： | 苏州工业职业技术学院信息工程系,江苏苏州215104 |
| |
| 摘 要： | 随着移动设备的逐渐普及和Web技术的发展,移动设备已逐渐超过桌面设备,成为访问互联网的最常见终端.为了实现任意设备对网页内容的完美布局,获得与设备匹配的视觉效果,需要对网页进行响应式设计.结合HTML5、CSS3带来的新特性,可以通过阻止移动浏览器自动调整页面大小、媒体查询以及运用流式布局等技术来实现响应式网页设计,更好地满足使用不同设备的用户.
|
| 关 键 词： | 响应式 设备 视口 媒体查询 流式布局 |
Analysis on Responsive Web Design for Different Devices |
| |
| MI Hai-ying.Analysis on Responsive Web Design for Different Devices[J].Journal of Suzhou Vocational University,2013(2):34-37. |
| |
| Authors: | MI Hai-ying |
| |
| Institution: | MI Hai-ying ( Department of Information Engineering, Suzhou Institute of Industrial Technology, Suzhou 215104, China) |
| |
| Abstract: | With the increasing popularity of mobile devices and the development of web technology,mobile devices become more popular than computer as the Internet terminal. We need to use responsive design to achieve the perfect layout ＆ visual effect for any type of device for web content. By combining the new features of HTML5 and CSS3, and by preventing the mobile browser and adjusting the page size automatically and media query and using flow layout technologies, responsive web design is effective in fitting different users that use different terminals. |
| |
| Keywords: | responsive devices viewport media query flow layout |
| 本文献已被 维普 等数据库收录！ |
|
