自适应

Response Web Design(响应式设计)

网站可以在各种设备分辨率下,根据分辨率的不同做出响应,对菜单和图片进行重新布局,来满足显示的需要,这种技术就是响应式Web设计

响应式Web设计(Responsive Web design)的理念是,页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。具体的实践方式由多方面组成,包括弹性网格和布局、图片、CSS media query的使用等。无论用户正在使用笔记本还是iPad,我们的页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等,以适应不同设备;换句话说,页面应该有能力去自动响应用户的设备环境。这样,我们就可以不必为不断到来的新设备做专门的版本设计和开发了

不同的设备都有各自的屏幕分辨率、清晰度以及屏幕定向方式,不断被研发着的各种新设备也将带来新的屏幕尺寸规格。有些设备基于横屏(portrait),有些是竖屏(landscape),甚至还有正方形;对于日益流行的iPhone、iPad及其他一些智能手机、平板电脑,EduSoho的产品为此做了响应式设计,不仅适应用户的设备,用户还可以通过转动设备来任意切换屏幕的定向方式。

响应式Web设计不仅仅是关于屏幕分辨率自适应以及自动缩放的图片等等,它更像是一种对于设计的全新思维模式;我们应当向下兼容、移动优先,使用户在不同终端使用EduSoho产品的体验都能够达到最佳

跨平台自适应

跨平台自适应是Response Web Design的特性之一,实现的是在任一平台上使用产品都能达到最佳的处理效果。也就是说一个网站能够兼容多种移动设备屏幕尺寸,而不是为每种屏幕尺寸做一个特定的版本。

跨平台自适应的优点:它能够完成多终端完美兼容,从而大大提高用户体验。

EduSoho的跨平台自适应完成度:

EduSoho已经100%完成跨平台自适应,无论是在手机端、PC端等使用都可达到最优的显示效果,甚至于放大或者缩小屏幕也能做出相应的适应来呈现最佳效果。