目前接入互联网中的设备的多样性,催生了新的Web布局设计方式——响应式设计。响应式设计的理念是,页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。这样开发者就无需针对每种设备及分辨率分别创建独立的布局。本文整理12款针对响应式布局设计的CSS框架,可...
1–布局 当创建一个响应式网站,或让现有的网站变成响应式的,首先要关注的元素的布局。我在建立响应式的网站,总是先创建一个非响应的布局,页面宽度固定大小。如果非响应版本完成得非常不错,我再添加媒体查询(MediaQueries)和响应式代码。这种操作方式更容易实现响应式特性,在同一时间专注于一...