test.html<html>
<head>
<metacharset="utf-8">
<metahttp-equiv="X-UA-Compatible"content="IE=edge,chrome=1">
<style>
#box1{width:200px;height:200px;background-color:pink;padding:20px;margin:30px;box-sizing:border-box;border:1p..
分类：
Web程序 时间：
2017-05-11 22:26:18
阅读次数：
245
jquery 是一个很好用的库，封装了很多易使用的简易 api，方便开发者进行 dom 操作。 今天讨论的是获取元素的宽度，有个小坑需要踩踩，这里记录下： 这里我是用了两个 api ，一个是 width()，另一个是 outerWidth()，当你想获得的元素是个有边框的元素，并且你将使用它的实际占 ...
分类：
Web程序 时间：
2017-04-28 13:34:24
阅读次数：
208
var lenght_li=0; $('.info_tab li').each(function(){ lenght_li+=$(this).outerWidth(true); }); $('.info_tab').css({ 'width':lenght_li+1 }); ...
分类：
Web程序 时间：
2017-04-09 23:45:33
阅读次数：
336
下面先以谷歌为例做数据分析，兼容性问题后面再说。 先上一张图（图最好理解）： firebug打印结果： 可以得出如下结论： $(window).width()与$(window).height()：获得的是屏幕可视区域的宽高，不包括滚动条与工具条。 window.outerWidth与window. ...
如何实现跨浏览器确定窗口的大小： 在IE9+，Firefox，Safari，Opera，Chrome浏览器中均提供了4个属性，innerWidth，innerHeight,outerWidth,outerHeight;,这几个值在不同的浏览器情况下的定义是不同的 ，而要获得视口的大小，有两种方法： ...
分类：
其他好文 时间：
2017-03-26 16:03:39
阅读次数：
191
window对象不但充当全局作用域，而且表示浏览器窗口。 window对象有innerWidth和innerHeight属性，可以获取浏览器窗口的内部宽度和高度。内部宽高是指除去菜单栏、工具栏、边框等占位元素后，用于显示网页的净宽高。 对应的，还有一个outerWidth和outerHeight属性 ...
分类：
其他好文 时间：
2017-03-12 17:55:36
阅读次数：
239
1.window.innerHeight、window.outerHeight 窗口的外层的高度/内层高度 2.window.innerWidth/window.outerWidth 窗口的外层的宽度/内层宽度 3.window.screen包含有关用户屏幕的信息 window.screen.wid ...
分类：
Web程序 时间：
2017-02-27 19:41:19
阅读次数：
203
window window全局作用域，而且表示浏览器窗口 window对象有innerWidth和innerHeight属性，网页净宽高（调整窗口值会变） 兼容性:IE<=8不支持 outerWidth和outerHeight属性，可获取浏览器窗口的整个宽高 navigator navigator表 ...
分类：
Web程序 时间：
2017-02-14 18:45:37
阅读次数：
179
if($("#cont1").css("position")!="fixed"){ $("#cont1").css("position","absolute"); var dw = $(window).width(); var ow = $("#cont1").outerWidth(); var d ...
分类：
Web程序 时间：
2017-02-03 19:23:45
阅读次数：
232
1 border-radius 私有前缀 浏览器个把年前就把私有前缀给去掉了，现在完全没必要还傻傻使用-webkit-border-radius, -moz-border-radius 2 border-radius百分比值 是相对于元素占据尺寸的百分比(类似jQuery outerWidth()/ ...
分类：
其他好文 时间：
2017-01-10 17:28:20
阅读次数：
114
