文章列表
近期在学习有关响应式设计的内容，对此做了些整理，部分图片来源于网络。
1、为什么需要响应式web设计
由于目前移动设备的大量使用，以及PC显示器的尺寸逐渐出现较大差别，传统的web页面已经不能满足多种设备的浏览效果，比如传统页面在大浏览器中会有较大的空白区域，而在小浏览器已经移动设备中，不能完全显示页面，或是将页面缩小至适应移动设备尺寸大小，不能正常浏览，对于点击触点也有影响，很多人会选择放大页面，在进行浏览，这样整个页面就需要不停的拖动，给用户的体验不好。
简而言之，有如下几点：
各种屏幕尺寸
各种操作系统
各种访问设备
各种需求
2、什么是响 ...
今天遇到个小问题，纠结了很久，分享下
a标签添加背景图，需要给a添加display:block样式
但是在ie8下还是不能显示背景图，开始以为是由于a标签为空造成的，试了下添加内容也没用，后来注意到一点细节，修改后就能正常显示了
修改前：
background: url('./img/active/legendBg.png')no-repeat
修改后：
background: url('./img/active/legendBg.png') no-repeat
注意到了么，就是因为那个空格。。
通过五个五角星展示分数的效果，能实现根据长度显示星星内部的效果，比如只有2.1个星这样的效果，如图：
代码如下：
<!DOCTYPE html><html><head><meta charset="utf-8" /><title>无标题文档</title></head><body><style type="text/css">.box215{width:215px;border-bottom:1px solid #e5e5e5;pa ...