获取浏览器的高度，宽度，并监测浏览器的宽口大小变化

问题1：获取浏览器的宽度和高度？获取文本的宽度和高度？

解决方法：浏览器带边框：$(window).outerWidth()；

               浏览器不带边框：$(window).width();

               浏览器带边框：$(window).outerHeight()；

               浏览器不带边框：$(window).height();

               文本带边框：$(document).outerwidth()；

               文本不带边框：$(document).width();

问题2:监测浏览器窗口变化？

解决方法：

  $(window).resize(function () {
           //要做的事情......
  })

问题3:文本内容过长，会出现滚动条，查看某一个元素的时候，该元素能滚动到可视屏幕中。

解决方法：算出某个元素距离顶部距离 + 父容器滚动条滚动的距离。

  //滚动效果
                            var scrollTop = $('.center_img').scrollTop();//容器中滚动条滚动的距离
                            var dotop = $('.biaoDiv #' + id).offset().top;//某元素距离document顶部的距离
                            hei = $('.center_img').offset().top;//该元素的父容器距离document顶部的距离
                            $('.center_img').animate({
                                scrollTop: scrollTop + dotop - hei
                            }, 500);