css背景图片自适应100%显示background-size

xuanp

background-position

css图片自适应

background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;

让图片随屏幕大小同步缩放，但是有部分可能会被裁切，不过不至于会露白，下面两句是为chrome和opera浏览器作兼容。
background-position: center 0; 或者  background-position: 50% 0;
图片居中显示

xuanp

flex 响应式布局 弹性布局

xuanp

js 取整 parseInt

window.onresize  屏幕尺寸变化时
timer=setInterval(resizeban,5000);
onchange
jquery事件委托addEventListener

xuanp

jquery中带'-'的css属性要用引号引起来。