响应式网站设计与跨浏览器兼容性
作者:佚名 时间:2015-09-01
设计师制作网站必须要确保网站展示无误差,也要保证它能够在各浏览器上正常运行。这往往也成为网站制作最复杂难搞的,因为要两手抓,既要确保网站制作质量又要确保跨浏览器兼容性。
新版本css3仍然没有完全得到所有浏览器的支持。因而使用css技术时要谨慎,如果使用的技术是浏览器不支持的,带来的问题会很严重。各浏览器支持的css功能各有不同,同一浏览器不同版本对css功能的支持也是各有差异的。设计师必须着手处理,确保网站应用的各种技术在不同版本的浏览器中都正常展示。
当响应式网站设计碰到浏览器兼容问题时,网站图片管理起来就比较棘手了。图片和视频要灵活适应不同设备的要求,但不能影响网站的加载速度。
因设备屏幕大小限制,显然使用一张大图应付所有设备是不明智的。一来尽管手机更新换代迅速,但是加载一张大图与一张小图的时间还是有差距的;再来即使花时间加载出来的图片也无法展示完整。
设计师还面临的一个问题是响应式设计在有css3支持的新版本浏览器中能得以较完美展示,而老版本网站对于响应式网站的支持就比较困难了。当然也不是无计可施的,上海网站建设联楷工程师jason就介绍三种javascript方案以解决响应式网站在老版本浏览器中的展示问题。就是respond.js、modernizr和adaptive.960.js。这三种方案是不受css3限制的。详细信息请大家关注上海网站建设联楷新闻中心
如没特殊注明,文章均为上海联楷网络原创,转载请注明来自:http://www.linksj.com/build/20151216/n4194.html