设计前沿

响应式网站设计与跨浏览器兼容性

作者: admin 发布时间: 2015-09-01 10:31

设计师制作网站必须要确保网站展示无误差,也要保证它能够在各浏览器上正常运行。这往往也成为网站制作最复杂难搞的,因为要两手抓,既要确保网站制作质量又要确保跨浏览器兼容性。


 

新版本CSS3仍然没有完全得到所有浏览器的支持。因而使用CSS技术时要谨慎,如果使用的技术是浏览器不支持的,带来的问题会很严重。各浏览器支持的CSS功能各有不同,同一浏览器不同版本对CSS功能的支持也是各有差异的。设计师必须着手处理,确保网站应用的各种技术在不同版本的浏览器中都正常展示。

当响应式网站设计碰到浏览器兼容问题时,网站图片管理起来就比较棘手了。图片和视频要灵活适应不同设备的要求,但不能影响网站的加载速度。

因设备屏幕大小限制,显然使用一张大图应付所有设备是不明智的。一来尽管手机更新换代迅速,但是加载一张大图与一张小图的时间还是有差距的;再来即使花时间加载出来的图片也无法展示完整。

设计师还面临的一个问题是响应式设计在有CSS3支持的新版本浏览器中能得以较完美展示,而老版本网站对于响应式网站的支持就比较困难了。当然也不是无计可施的,上海网站建设润滋工程师Jason就介绍三种JavaScript方案以解决响应式网站在老版本浏览器中的展示问题。就是Respond.js、Modernizr和adaptive.960.js。这三种方案是不受CSS3限制的。详细信息请大家关注上海网站建设润滋新闻中心

博文

  • 热点博文
  • 最新博文
我们期待着倾听您喷薄欲出的商业构想,与您一起书写经典,打造传奇。我是网站策划小王,手机 139-1498-8137 随时恭候!
一键拨号 一键导航