响应式网站需要注意哪些问题

彩萍
彩萍

发布于 2016-11-17 09:28

70 浏览
0 评论

现在不少企业对响应式网站感兴趣,相信自己企业的网站做成响应式会有不错的效果,那么什么是响应式网站,根据了什么原理,有什么价值呢?有需要注意哪些问题?
  一、什么是响应式网站
  伊桑·马科特在2010年首次提出了响应式网页设计(RWD, Responsive Web Design)的概念。他根据工程师在处理不同屏幕分辨率的网页内容展现的效果的时候常用的技巧和策略,创造性的进行了归纳总结。
  简而言之是指网页根据屏幕宽度,做出相应调整的,力求能够达到在不同的设备下,内容都能以最合适的方式展现给用户。
  二、响应式网站原理
  在CSS中,有一个不常用到的属性media。为了达到响应式设计的目的,让css根据屏幕宽度(例如 media screen only @(max-width:480px)),使用不同的CSS代码,从而达到自动调整页面DIV宽度的目的。当然,除了CSS,还可以使用JS对页面内容进 行动态的调整,不过这个技术不是很流行。
  三、响应式网站价值
  随着越来越多的智能移动设备( 手机,平板 )加入到互联网中来,互联网上的访问设备是爆炸性的增长(屏幕的分辨率也是爆炸性的增长)。为了给手机和平板设备提供更好的体验,必须在网站设计中使用响 应式网站设计,并且整合从PC端到手机的各种屏幕尺寸和分辨率,用技术来使网页适应不同分辨率的屏幕。
  四、响应式网站建设中的常见问题
  1、屏幕尺寸多,很难做到一次编码,到处运行
  目前,主流的大家用来访问网页的设备有:计算机(废话),iPad,Android Pad(例如三星的),智能手机。那么做一个网站,必须到这些设备上去测试和运行。普通的网站作坊很少有人会愿意花这么多的精力去测试一个网站。
  2、视觉设计要求高、细节多
  因为不能使用绝对定位,那么在设计的时候需要考虑可读性以及区域面积以及在不同的设备下的行为。这对一般的设计师来说简直是一场灾难。所以很少有出众的响应式网站出现。
  3、前端实现难、跨技术合作
  响应式设计出的稿子,当然还需要响应式的实现。响应式的基础就是HTML5, CSS3。小的建站公司,一般是没有钱去聘用精通HTML5和CSS3技术的高手的。最多是让程序员在写代码之前看2天书,然后就赶鸭子上架。这就导致了即使设计师设计出了很棒的模板,但是在实现了之后,怎么看怎么不舒服。
  4、成本大
  因为响应式设计需要对多个界面兼容、功能调试,导致整个制作过程需要UI设计师和前端工程师要不断磨合制作。而测试人员也要在不同的设备下对网站进行测试。我们做过调查。如果创建一个普通网站的成本是1,那么创建一个响应式模板的成本大概在2.5左右。由于小的建站公司的报价普遍比较低,利润空间肯定不支持他们把网站做成响应式的。

作者公告牌

网站建设公司:www.iwogo.com,电话021-20987120 qq:2851194959

举报 收藏
管理文章:
暂无回应