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屬性要用引號引起來。