咨询QQ:865885740    邮箱:support@ccqyj.com咨询热线:158 2330 1928
信息中心 / news
当前位置: 首页 > 信息中心 > 网站设计 >

响应式网页设计是一种新的设计思维

日期: 2015-03-09来源: 重庆网站设计[www.ccqyj.com]关键字: 重庆网页设计    阅读量:
如今,个人电脑、平板电脑、智能手机等这些电子设备种类繁多,如果一个网站在个人电脑上显示完好,但是在手机屏幕上打开时会出现溢出、网页出现横向滚动或者网页在手机上被极度缩小等问题,就会无法辨识。一个网站怎样在数十种屏幕上完美显示,成为大家所关注的问题。如果要针对每一种终端各做一套页面,太耗费人力,维护起来也很困难。而响应式网页设计是一种新的设计思维,解决了一个网站在各种屏幕上达到最佳显示效果的问题。

响应式网页设计(Responsive Web Design)是EthanMarcotte在2010年提出的,最初是指可以自动识别屏幕宽度,并做出相应调整的网页设计,现扩展为页面的设计与开发应当根据用户的行为以及设备环境,能够进行自动的响应和相应的调整,做到“一源多屏”。
 
响应式设计基于三大技术:媒体查询、流式网格布局、弹性图片。媒体查询(Media queries)是对设备的特点(通常是浏览器的宽度)进行识别,从而确定使用不同的CSS样式;流式网格布局(Fluid Grids)是在布局时将页面内容元素设计成屏幕宽度的相对值,并使用相对尺寸单位如百分比(%)或字体比例(em),如某一个方块占屏幕宽度20%,而不是如网页设计常用的绝对单位如像素(px);弹性图片(Fluid Images)是以相对单位调整大小或被相应剪裁,当屏幕变小时,图片相应变小。

由于形式追随功能,受技术的影响,响应式网页设计的界面形成了一定特点。
 


本文由重庆易加网络 www.ccqyj.com原创提供,转载请注明来源。