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