响应式网站一般是用什么技术实现的

Question

如题所述

Answer 1

用CSS   根据屏幕大小  设备类型  分辨率等来决定某段CSS代码是否加载

随便找了个响应式布局网站给你看他们在不同分辨率下的显示效果

图一是PC端的显示效果为全部CSS代码加载

图二为分辨率变小的时候，注意看他的变化。右侧以及左侧的显示方式变了！以及中间的图片广告不在加载了

Answer 2

页面的设计与开发应当根据用户行为以及设备环境进行相应的响应和调整。具体的实践方式由多方面组成，包括弹性网格和布局、图片、CSS media query的使用等。无论用户正在使用笔记本还是iPad，我们的页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等，以适应不同设备；换句话说，页面应该有能力去自动响应用户的设备环境。响应式页面设计就是一个网站能够兼容多个终端，而不是为每个终端做一个特定版本。