啥是响应式网站设计?
概念:
伊桑·马科特在2010年首次提出了响应式网页设计(rwd, responsive web design)的概念。(当时能提出这个概念是很不简单的哦) 他根据工程师在处理不同屏幕分辨率的网页内容展现的效果的时候常用的技巧和策略,创造性的进行了归纳总结。简而言之是指网页根据屏幕宽度,做出相应调整的,力求能够达到在不同的设备下,内容都能以最合适的方式展现给用户。
原理:
在css中,有一个不常用到的属性media。为了达到响应式设计的目的,让css根据屏幕宽度(例如 media screen only @(max-width:480px)),使用不同的css代码,从而达到自动调整页面div宽度的目的。当然,除了css,还可以使用js对页面内容进行动态的调整,不过这个技术不是很流行。
价值:
随着越来越多的智能移动设备( 手机,平板 )加入到互联网中来,互联网上的访问设备是爆炸性的增长(屏幕的分辨率也是爆炸性的增长)。为了给手机和平板设备提供更好的体验,必须在网站设计中使用响应式网站设计,并且整合从pc端到手机的各种屏幕尺寸和分辨率,用技术来使网页适应不同分辨率的屏幕。
总结
响应式网站设计,为计算机、手机、平板电脑等不同设备的访问用户了提供更加舒适的界面和更好的用户体验(和速度),而且随着目前移动设备的增长,已成为大势所趋。如果一个网站不支持响应式设计,那么就已经可以说不是很符合潮流了。
如果您正在设计网站,我们特别推荐到起飞页体验响应式设计。起飞页是国内为数不多的支持响应式设计的自助建站平台。虽然刚刚推出不久,但已经凭借其强大的功能和颇有竞争力的价格赢得了市场的青睐。创业型公司还可以免费获得一年的空间和服务。
上一篇: 谈谈这次22香港主机事件的个人感想
下一篇: 草根如何逆袭成为“自媒体”
推荐阅读
-
啥是响应式网站设计?
-
响应式设计时如何自动阻止移动浏览器自动调整页面大小_html/css_WEB-ITnose
-
如何制作响应式网站?12个优秀案例参考_html/css_WEB-ITnose
-
响应式网站建设中的难点
-
美食网站响应式精美模板_html/css_WEB-ITnose
-
采用HTML,CSS和jQuery实现响应式网站模板:maglev-theme_html/css_WEB-ITnose
-
是一个设计将LinuxFreak.org新闻标题放置到你的网站的PHP脚本程序。_PHP教程
-
一种让 IE6/7/8 支持 media query 响应式设计的方法_html/css_WEB-ITnose
-
我想给网站设计一个Logo,设计灵感一般来源于哪? 一般Logo设计步骤是怎么样的?_html/css_WEB-ITnose
-
《大型分布式网站架构设计与实践》 试读